JQuery untuk mengambil text combo box / select Form

July 18th, 2011 • Related • Filed Under

Jika pada tutorial sebelumnya JavaScript mengambil text select combo box yang terpilih, tutorial yang sama untuk berikut ini dilakukan dengan JQuery

  1. Kode program Form 
    <form method="POST" action="#" id="frm1">
Kota : <select name="idkota" id="idkota">
        <option value="1">Jakarta</option>
        <option value="2">Bogor</option>
        <option value="3">Bandung</option>
        <option value="4">Surabaya</option>
        <option value="5">Kebumen</option>
      </select>
<br/>
Kota Pilihan : <input type="text" name="kota" value="" size="20"/>
</form>
  2. Berikut kode JQuerynya : 
    <script type="text/javascript" src="jquery.js"></script>
 <script type="text/javascript">

$(document).ready(function() {

  $("#idkota").change(function() {
    //alert($(this).find("option:selected").text()+' clicked!');
    var terpilih = $(this).find("option:selected").text();
    $("#frm1 :input[name='kota']").val(terpilih);

});

 });
 </script>

Post a Response