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
- 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>
- 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>