Mengambil text dari pilihan dropdown dalam jQuery

Contoh Kasus:

Saya mempunyai pilihan dropdown seperti dibawah ini:

Kode yang sudah dibuat

<select name=’buah’> 

<option value=”1″>Pepaya</option>

<option value=”2″>Mangga</option>

<option value=”3″>Jambu</option>

<option value=”4″>Semangka</option>

<option value=”5″>Melon</option>

</select>

Keinginan:

Ketika saya memilih satu pilihan maka saya ingin mengambil tulisannya bukan nilainya, jadi kalo saya memilih ‘Semangka’ maka saya ingin mengambil tulisan ‘Semangka’.

Pertanyaan:

Bagaimana cara membuatnya … ?

Jawaban:

Kamu bisa gunakan kode berikut ini:

<script type=”text/javascript” src=”jquery.js”></script> 

<script type=”text/javascript”>

function tampilkanBuah(){

var namaBuah=$(‘#buah option:selected’).text();

alert(namaBuah)

}

</script>

<select name=’buah’ id=’buah’ onChange=’tampilkanBuah()’>

<option value=”1″>Pepaya</option>

<option value=”2″>Mangga</option>

<option value=”3″>Jambu</option>

<option value=”4″>Semangka</option>

<option value=”5″>Melon</option>

</select>

Keterangan:

  • $(‘#buah option:selected’).text(), Kode ini digunakan untuk mengambil text dari elemen yang terpilih dari pilihan dropdown.
  • Untuk keterangan detail mengenai fungsi :selected maka kamu bisa baca artikel berikut ini.

You may also like...

Leave a Reply

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