sebelumnya maaf, postingan kali ini :repost: udah seminggu yang lalu MUNGKIN dapetnya code ini, lupa darimana sumbernya. Kalo cari di google ketemu coding yang sama, ya itu yang asli, ane cuma :repost:
OK, Silahkan disimak langsung aja.
<script language="Javascript" type="text/javascript">
<!--
//Add more fields dynamically.
function addField(area,field,limit) {
if(!document.getElementById) return; //Prevent older browsers from getting any further.
var field_area = document.getElementById(area);
var all_inputs = field_area.getElementsByTagName("input"); //Get all the input fields in the given area.
//Find the count of the last element of the list. It will be in the format '<field><number>'. If the
//
field given in the argument is 'friend_' the last id will be 'friend_4'.
var last_item = all_inputs.length - 1;
var last = all_inputs[last_item].id;
var count = Number(last.split("_")[1]) + 1;
//If the maximum number of elements have been reached, exit the function.
//
If the given limit is lower than 0, infinite number of fields can be created.
if(count > limit && limit > 0) return;
if(count!=1){
var jml=document.getElementById("jumlahKomponen");;
var jumlah=jml.value;
jumlah++;
}else{
var jumlah=count;
}
field_area.innerHTML += "<li><input name='"+(field+jumlah)+"' id='"+(field+jumlah)+"' type='text' value='"+(field+jumlah)+"' /> <input type='button'" +' onclick="this.parentNode.parentNode.removeChild(this.parentNode);decreaseJumlah();"'+" value='Remove This Field'>"+(field+jumlah)+"</li>";
var tambahan=document.getElementById("komponen");;
tambahan.innerHTML='<input type="text" id="jumlahKomponen" name="jumlahKomponen" value="'+jumlah+'" />';
}
//-->
</script>
<form>
<strong>Neutral List</strong><br />
<ol id="neutrals_area">
<li><input type="text" name="neutral_1" id="neutral_1" /></li>
</ol>
<input type="button" value="Add Neutral Field" onclick="addField('neutrals_area','neutral_',0);" id="buttonAddRem" />
<span id="komponen">
<input type="text" id="jumlahKomponen" name="jumlahKomponen" value="1"/>
</span>
</form>
hasil yang akan ditampilkan nantinya adalah sebagai berikut
BEFORE
LINK IMAGE BEFORE
AFTER
LINK IMAGE AFTER
Hasil yang nampak pada gambar AFTER diatas adalah hasil yang akan anda dapatkan apabila anda melakukan klik terhadap tombol "Add Neutral Field"
