Pada kesempatan kali ini saya akan menjelaskan cara handle input text box melalui combo box dengan jQuery. Perlu teman-teman ketahui sebelumnya, untuk menghandle suatu komponen input text box terdapat berbagai macam cara dan salah satunya adalah menggunakan combo box yang dikolaborasikan dengan jQuery. jQuery adalah pustaka JavaScript lintas-platform yang didesain untuk menyederhanakan client-side scripting pada HTML. Dan jQuery merupakan pustaka JavaScript yang paling populer, dengan 65% pemasangan dari 10 juta situs Web dengan pengunjung tertinggi. jQuery bersifat gratis, dan terbuka (open source) dibawah lisensi MIT.

Seperti pada contoh disini, saya akan menampilkan atau menyembunyikan input text box dari suatu combo box yang apabila salah satu opsi dari combo box tersebut terpilih maka input text box tersebut akan tampil atau sembunyi. Dan dari opsional tersebut masing-masingnya memiliki peran yang berbeda. Ada yang menampilkan dan ada yang menyembunyikan input text box tersebut menggunakan kondisi di jQuery. Untuk membuatnya kalian bisa ikuti tahapan yang saya berikan dibawah ini.

Berikut Tahapannya :

  • ┬áTeman-teman buat terlebih dahulu satu buah file dengan nama index.html, ketikan kode seperti berikut :

  • Jika sudah selanjutnya kalian save terlebih dahulu file tersebut, dan lihat hasilnya di browser teman-teman
  • Maka akan menampilkan output seperti berikut :

handle input text box melalui combo box

  • Jika benar maka apabila combo box Pilih Kejuruan dipilih maka akan menampilkan Input text box Golongan Darah

Sampai disini penjelasan saya mengenai cara handle input text box melalui combo box dengan jQuery, semoga bermanfaat.