Jquery select on change function


Kali ini bermain main dengan jquery select on change, bermain main dengan jquery itu ternyata menyenangkan juga, baru kali ini mulai belajar belajar lagi jquery. Kali ini saya ingin sharing tentang cara bagaimana bermain main dengan form dengan jquery, kali ini saya menggabungkan fungsi select dan input, jadi ketika kita memilih select option tertentu maka akan mempengaruhi input box dalam hal ini saya menggunakan class yang sudah ada di html yaitu class required dan disabled, langsung saja kira kira seperti ini scriptnya.

Pertama tama tentu saja kita sudah memastikan jquery sudah terload

https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js

Selanjutnya adalah membuat select dan input di html

<select id="metode" required name="metode" class="form-control">
 <option value="Cash">Cash</option>
 <option value="Debit">Debit</option>
 <option value="Kredit">Kredit</option>
</select>

 <select name="bank" id="bank" disabled class="form-control">
 <option value="">Pilih Bank</option>
 <option value="Mandiri">Mandiri</option>
 <option value="Danamon">Danamon</option>
 <option value="BRI">BRI</option>
 <option value="BNI">BNI</option>
 <option value="BCA">BCA</option>
 <option value="Bukopin">Bukopin</option>
 <option value="CIMB Niaga">CIMB Niaga</option>
 <option value="Mayapada">Mayapada</option>
 <option value="Muamalat">Muamalat</option>
 <option value="BTN">BTN</option>
 </select>

 <input id="kartu" name="kartu" disabled placeholder="Nomor Kartu" class="form-control" type="text">

Continue reading Jquery select on change function

Advertisements