JavaScript mengambil text combo box / select Form
Berikut ini tutorial untuk mengambil text pada select box pada Form HTML yang dipilih oleh user untuk ditampilkan pada text input .
- Berikut kode untuk form
<form method="POST" action="#" id="frm1"> Kota : <select name="idkota" onClick="pilihKota()"> <option value="JK">Jakarta</option> <option value="BG">Bogor</option> <option value="BD">Bandung</option> <option value="SB">Surabaya</option> <option value="KB">Kebumen</option> </select> <br/> Kota Pilihan : <input type="text" name="kota" value="" size="20"/> </form>
- Berikut kode JavaScriptnya
<script type="text/javascript"> function pilihKota() { var objfrm = document.getElementById("frm1"); var idx_opsi = objfrm.idkota.selectedIndex; //alert('idx ' + idx_opsi ); objfrm.kota.value= objfrm.idkota.options[idx_opsi].text; } </script>
Anda bisa juga melakukan dengan JQuery, bisa dibaca artikel ini : http://dev.xbata.com/dhtml/jquery-untuk-mengambil-text-combo-box-select-form