Membuat Pilihan Combobox Lebih Lengkap

Menampilkan Informasi Lebih Komplet, data informasi ini akan di tampilkan pada text area. untuk script javascript nya bisa dilihat di bawah ini

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

      var str = "Info Kota\n";

      for (var i = 0;
           i < objPilihan.options.length;
           i++)
          if (objPilihan.options[i].selected)
            str = str +
               objPilihan.options[i].value + "\n";

      objInfo.value = str;
   }

</script>

<form>
   <h1>Menampilkan Data Lebih Komplet</h1>
   <p><hr>
Musik yang paling Anda sukai:<br />
<select name="selectMusik" id="id_musik"
           multiple="multiple"
           onchange = "infoSelect()">
    <option value="Padang Terkenal Dengan Bingkuang">Padang</option>
    <option value="Payakumbuh Kota Batiah">Payakumbuh</option>
    <option value="Bukittinggi Kota Sanjai">Bukittinggi</option>
    <option value="Solok Kota Ikan Bilihnya">Solok</option>
    <option value="Kota Pagaruyuang">Batusangkar</option>
</select>
<br />
<hr />
   Info:
   <textarea name="teksInfo" id="id_info"
             rows="6" cols="20">
   </textarea>
</form>

</body>
</html>

Script diatas dibuat menggunakan dreamwweaver dengan ekstensi HTML, script di atas juga bisa di buat menggunakan notepad sederhana dengan ekstensi HTML

Membuat Pilihan Combobox Lebih Lengkap

{ 0 komentar... Views All / Send Comment! }

Posting Komentar

teman