Melanjutkan dari sesi yang sebelumnya, pada kesempatan kali ini saya akan menjelaskan cara mengganti text label otomatis dari select box jquery part2. Jika pada sesi yang sebelumnya teman-teman sudah melakukan pembuatan form HTML dengan bootstrap, sekarang teman-teman tinggal menambahkan script jquery untuk komponen yang terkait. Pada contoh yang akan teman-teman tambahkan disini adalah kode event jquery yang diterapkan untuk event change komponen select box, apabila event tersebut dijalankan dan pada saat kondisi option dipilih.

Berikut Tahapan nya :

  • Masih di file index.html yang sebelumnya sudah teman-teman buat.
  • Jika sudah teman-teman ketikan kode seperti berikut setelah penutup tag </html> , berikut kodenya :

  • sehingga, seluruh file index.html tersebut akan berisikan kode seperti berikut :

Sampai disini penjelasan saya mengenai cara mengganti text label otomatis dari select box jquery, semoga bermanfaat.