Saya bertanya-tanya apakah mungkin untuk mendapatkan jQuery untuk memilih <option>
, katakanlah item ke-4, di kotak dropdown?
<select>
<option></option>
<option></option>
<option></option>
<option></option>
<option></option>
</select>
Saya ingin pengguna mengklik tautan, lalu minta <select>
kotak itu mengubah nilainya, seolah-olah pengguna telah memilihnya dengan mengeklik tautan <option>
.
Jawaban:
Bagaimana tentang
contoh di http://www.jsfiddle.net/gaby/CWvwn/
untuk versi jquery modern, Anda harus menggunakan
.prop()
alih - alih.attr()
contoh di http://jsfiddle.net/gaby/CWvwn/1763/
sumber
selectElement.selectedIndex = index;
itulah yang dimaksud Jack.selectedIndex
tidak dapat digunakan untuk beberapa pilihan saatmultiple
atribut digunakan. Dan cara normal ( html ) untuk mengatur elemen yang dipilih adalahselected
atributoption
elemen.selected
properti masing-masingoptions
elemen yang sesuaitrue
(dan secara opsional sisanya untukfalse
secara eksplisit). Banyak pilihan sebenarnya tidak menyenangkan :)onchange
acara tidak pernah dipicu saat nilainya diubah secara terprogram. Anda dapat menambahkan.trigger('change')
di akhir untuk juga memecat acara ( meskipun itu akan memecat terlepas dari nilai yang sebenarnya telah berubah )Solusinya:
sumber
selected
opsi dalam HTML.Elemen pilih HTML memiliki
selectedIndex
properti yang dapat ditulis untuk memilih opsi tertentu:Dengan menggunakan JavaScript biasa, ini dapat dicapai dengan:
sumber
.trigger()
untuk itu, tetapi karena Anda sudah melakukan ini dengan kode itu akan mudah juga memanggil penangan perubahan sendiri.Saya akan melakukannya dengan cara ini
sumber
jika opsi Anda memiliki nilai, Anda dapat melakukan ini:
'select' akan menjadi id pilih Anda atau pemilih kelas. atau jika hanya ada satu pilih, Anda dapat menggunakan tag seperti pada contoh.
sumber
Cara termudah adalah
val(value)
fungsi:Dan untuk mendapatkan nilai yang dipilih Anda tidak memberikan argumen:
Juga, Anda jika Anda punya
<option value="valueToSelect">...</option>
, Anda dapat melakukan:DEMO
sumber
Gunakan kode berikut jika Anda ingin memilih opsi dengan nilai tertentu:
sumber
sumber
Saya lebih suka nth-child () daripada eq () karena menggunakan pengindeksan berbasis 1 daripada berbasis 0, yang sedikit lebih mudah di otak saya.
sumber
Dengan elemen '' biasanya kita menggunakan atribut 'nilai'. Ini akan membuatnya lebih mudah untuk diatur:
sumber
Coba ini:
Salam!
sumber
jawab dengan id:
sumber
Satu peringatan di sini adalah jika Anda memiliki javascript menonton untuk acara perubahan pilih / opsi Anda perlu menambahkan
.trigger('change')
sehingga kode menjadi.karena hanya menelepon
.attr('selected', 'selected')
tidak memicu acarasumber