jQuery select2 select etiketinin değerini alıyor mu?

Merhaba arkadaşlar bu benim kodum:

<select id='first'>
  <option value='1'> First  </option>
  <option value='2'> Second </option>
  <option value='3'> Three  </option>
</select>

Bu benim select2 kodum:

$("#first").select2();

Aşağıda seçilen değeri almak için kod bulunmaktadır.

$("#first").select2('val'); // It returns first,second,three.

Bu gibi bir metin dönüşü first,second,threeve almak istiyorum 1,2,3.
Metnin değil, seçim kutusunun değerine ihtiyacım olduğu anlamına gelir.

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

Kullanabileceğiniz Select elementini almak için $('#first').val();

Seçilen değerin metnini almak için - $('#first :selected').text();

Lütfen select2()fonksiyon kodunuzu gönderebilir misiniz

$("#first").select2('data') tüm verileri harita olarak döndürecek

Ajax kullanıyorsanız , seçimin hemen ardından güncellenmiş seçim değerini almak isteyebilirsiniz .

//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)
});

Kredi: Steven-Johnston

Bu çözüm, seçilen öğeyi unutmanıza izin verir. Belirli öğelerde bir kimliğiniz olmadığında faydalıdır.

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

Basit cevap:

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

ve bu şekilde de yazabilirsiniz:

 $('#first').val()

Bunu dene :

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

Bu kemanı görün .
Temel olarak, almak istiyorum valuesenin lerini option-tags, ama her zaman senin değerini elde etmeye çalışmak selectile -node $("#first").val().

Bu yüzden seçenek etiketlerini seçmeliyiz ve jQuerys seçicilerini kullanacağız:

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

$("#first option")id'li optionöğenin alt öğesi olan her birini seçer first.

Yukarıdaki çözümler en son select2 (4.0.13) ile benim için işe yaramadı

JQuery ile bu çözümü belgelere göre değer almak için kullanabilirsiniz: https://select2.org/programmatic-control/retrieving-selections

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

Diğer cevaplar benim için işe yaramadı, bu yüzden bir çözüm geliştirdim:

Kolay hedefleme için class = "option-item" seçeneğiyle seçenek oluşturdum

HTML:

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

Sonra her seçili seçenek için hiçbir özelliği gösterme

CSS:

option:checked {
   display: none;
}

Şimdi , seçili seçeneğimizi gösterme özelliği olmayan basit : gizli özniteliğiyle bulmak için SelectBox'ımıza değişiklik ekleyebiliriz.

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();
});

Çalışma keman: https://jsfiddle.net/Friiz/2dk4003j/10/

Çözüm :

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