Halo teman-teman ini kode saya:
<select id='first'>
<option value='1'> First </option>
<option value='2'> Second </option>
<option value='3'> Three </option>
</select>
Ini adalah kode select2 saya:
$("#first").select2();
Di bawah ini adalah kode untuk mendapatkan nilai yang dipilih.
$("#first").select2('val'); // It returns first,second,three.
Ini adalah mengembalikan teks seperti first,second,three
dan saya ingin mendapatkannya 1,2,3
.
Berarti saya membutuhkan nilai kotak pilih, bukan teks.
jquery
jquery-select2
Renish Khunt
sumber
sumber
Jawaban:
sumber
Untuk mendapatkan elemen Select, Anda dapat menggunakan
$('#first').val();
Untuk mendapatkan teks dari nilai yang dipilih -
$('#first :selected').text();
Bisakah Anda memposting
select2()
kode fungsi Andasumber
$('#first :selected').text();
opsi lain adalah mengembalikan semua opsi yang memungkinkan.$("#first").select2('data')
akan mengembalikan semua data sebagai petasumber
Jika Anda menggunakan ajax , Anda mungkin ingin mendapatkan nilai yang diperbarui dari pemilihan tepat setelah pemilihan.
Penghargaan: Steven-Johnston
sumber
currentTarget
asalnya? tidak ada contoh ID / nama Anda yang terkait dengan Pertanyaan. Jadi saya tidak bisa berhubungan di mana pun.Solusi ini memungkinkan Anda untuk melupakan elemen terpilih. Bermanfaat bila Anda tidak memiliki id pada elemen tertentu.
sumber
Jawaban sederhananya adalah:
dan Anda juga dapat menulis dengan cara ini:
sumber
Coba ini :
sumber
Lihat biola ini .
Pada dasarnya, Anda ingin mendapatkan
value
s darioption
-tags Anda , tetapi Anda selalu mencoba mendapatkan nilaiselect
-node Anda dengan$("#first").val()
.Jadi kita harus memilih tag-opsi dan kita akan menggunakan pemilih jQuerys:
$("#first option")
memilih setiapoption
yang merupakan anak elemen dengan idfirst
.sumber
Solusi di atas tidak berfungsi untuk saya dengan select2 terbaru (4.0.13)
Dengan jQuery Anda dapat menggunakan solusi ini untuk mengambil nilai sesuai dengan dokumentasi: https://select2.org/programmatic-control/retrieving-selections
sumber
Jawaban lain tidak berfungsi untuk saya, jadi saya mengembangkan solusi:
Saya membuat opsi dengan class = "option-item" untuk memudahkan penargetan
HTML:
Kemudian untuk setiap opsi yang dipilih saya menambahkan properti display none
CSS:
Sekarang kita dapat menambahkan perubahan ke SelectBox kita untuk menemukan opsi yang kita pilih dengan properti display none dengan simple : hidden atribut
JQuery:
Biola kerja: https://jsfiddle.net/Friiz/2dk4003j/10/
sumber
Solusi:
sumber