Mengaktifkan Elemen Select HTML menggunakan jQuery

Contoh Kasus:

Saya mempunyai aplikasi cuti yang memerlukan approval dari HRD dan atasan lainnya seperti terlihat pada gambar dibawah ini:

Keterangan:

  • Approval ke-1 defaultnya aktif yaitu bisa dipilih isinya.
  • Approval ke-2 dan ke-3 tidak aktif yaitu tidak bisa dipilih isinya.

Pertanyaan:

Bagaimana caranya agar setelah saya pilih approval ke-1 maka approval ke-2 diaktifkan … ?

Jawaban:

Kamu bisa gunakan kode berikut ini:

<script type=”text/javascript”> 

function periksaApproval2(){

$(“#ltr_a2_by”).attr(‘disabled’, false);

}

</script>

<select name=”ltr_a1_by” id=”ltr_a1_by” onchange=”periksaApproval2()”>

<option value=”0″>___________Approval 1_____________</option>

</select>

<select name=”ltr_a2_by” id=”ltr_a2_by” disabled>

<option value=”0″>___________Approval 2_____________</option>

</select>

<select name=”ltr_a3_by” id=”ltr_a3_by” disabled>

<option value=”0″>___________Approval 3_____________</option>

</select>

Keterangan:

  • <select name=”ltr_a1_by” id=”ltr_a1_by” onchange=”periksaApproval2()”>, Kode ini berarti setelah saya memilih approval ke-1 maka fungsi periksaAproval2() dijalankan.
  • $(“#ltr_a2_by”).attr(‘disabled’, false), Kode ini berarti elemen yang mempunyai id=”ltr_a2_by” attribut disablednya diberi nilai false atau dengan kata lain dienabled atau diaktifkan sehingga isinya bisa kita pilih.

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *