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 .

  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