Membuat Info Combobox Dengan Javascript

Script ini menampilkan informasi combobox, infomarsi combobox ini akan di tampilkan dalam bentuk textfield yang ada di bawah nya.

Untuk script javascript nya bisa dilihat dibawah ini

<html>
<body onload="infoSelect();">
<script type="text/javascript">
document.write ("<h1> Kota Pilihan</h1>");
document.write ("<hr>");
   function infoSelect()
   {
      var objPilihan = document.getElementById("id_musik");
      var objInfo = document.getElementById("id_info");

      var indeks = objPilihan.selectedIndex;
      objInfo.value = "" +
         objPilihan.options[indeks].value;
   }
</script>

<form>
   Kota- Kota Di Sumatra Barat <BR>
   <select name= "selectMusik" id="id_musik"
           onchange = "infoSelect();">
     <option value="Payakumbuh terkenal Dengan Kota Batiahnya">Payakumbuh</option>
     <option value="Padang Terkenal Dengan Bingkuanya">Padang</option>
     <option value="Bukitinggi Terkenal Dengan Sanjainya">Bukitinggi</option>
     <option value="Batusangkar Terkenal Dengan Pagaruyuang">Batusangkar</option>
     <option value="Solok Terkenal Dengan Bareh Soloknya">Solok</option>
   </select>
   <br />
   <hr />
   Info:
   <input type="text" name="fieldInfo" id="id_info"
          size="60" disabled="disabled" />
</form>

</body>
</html>

Script diatas di buat menggunakan dreamweaver dengan ekstesni html, script di atas juga bisa dibuat menggunakan Notepad sederhana dengan ekstensi HTML

Membuat Info Combobox Dengan Javascript

{ 1 komentar... Views All / Post Comment! }

Posting Komentar

teman