JavaScript mengambil text combo box / select Form

July 18th, 2011 • Related • Filed Under

Berikut ini tutorial untuk mengambil text pada select box pada Form HTML yang dipilih oleh user untuk ditampilkan pada text input .

  1. 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>
  2. 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

Post a Response