jQuery select2 mendapatkan nilai tag pilih?

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,threedan saya ingin mendapatkannya 1,2,3.
Berarti saya membutuhkan nilai kotak pilih, bukan teks.

$("#first").val(); // this will give you value of selected element. i.e. 1,2,3.

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 Anda

$("#first").select2('data') akan mengembalikan semua data sebagai peta

Jika Anda menggunakan ajax , Anda mungkin ingin mendapatkan nilai yang diperbarui dari pemilihan tepat setelah pemilihan.

//Part 1

$(".element").select2(/*Your code*/)    

//Part 2 - continued 

$(".element").on("select2:select", function (e) { 
  var select_val = $(e.currentTarget).val();
  console.log(select_val)
});

Penghargaan: Steven-Johnston

Solusi ini memungkinkan Anda untuk melupakan elemen terpilih. Bermanfaat bila Anda tidak memiliki id pada elemen tertentu.

$("#first").select2()
.on("select2:select", function (e) {
    var selected_element = $(e.currentTarget);
    var select_val = selected_element.val();
});

Jawaban sederhananya adalah:

$('#first').select2().val()

dan Anda juga dapat menulis dengan cara ini:

 $('#first').val()

Coba ini :

$('#input_id :selected').val(); //for getting value from selected option
$('#input_id :selected').text(); //for getting text from selected option

Lihat biola ini .
Pada dasarnya, Anda ingin mendapatkan values dari option-tags Anda , tetapi Anda selalu mencoba mendapatkan nilai select-node Anda dengan $("#first").val().

Jadi kita harus memilih tag-opsi dan kita akan menggunakan pemilih jQuerys:

$("#first option").each(function() {
    console.log($(this).val());
});

$("#first option")memilih setiap optionyang merupakan anak elemen dengan id first.

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

$('#first').find(':selected').val();

Jawaban lain tidak berfungsi untuk saya, jadi saya mengembangkan solusi:

Saya membuat opsi dengan class = "option-item" untuk memudahkan penargetan

HTML:

<select id="select-test">
<option value="5-val" id="first-id" class="option-item"> First option </option>
</select>

Kemudian untuk setiap opsi yang dipilih saya menambahkan properti display none

CSS:

option:checked {
   display: none;
}

Sekarang kita dapat menambahkan perubahan ke SelectBox kita untuk menemukan opsi yang kita pilih dengan properti display none dengan simple : hidden atribut

JQuery:

$('#select-test').change(function(){
//value 
    $('#select-test').find('.option-item:hidden').val();
//id
    $('#select-test').find('.option-item:hidden').attr('id');
//text
    $('#select-test').find('.option-item:hidden').text();
});

Biola kerja: https://jsfiddle.net/Friiz/2dk4003j/10/

Solusi:

var my_veriable = $('#your_select2_id').select2().val();
var my_last_veriable = my_veriable.toString();