jQuery select2 nhận giá trị của thẻ select?

Xin chào các bạn, đây là mã của tôi:

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

Đây là mã select2 của tôi:

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

Dưới đây là mã để nhận giá trị đã chọn.

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

Đây là trả về một văn bản như first,second,threevà tôi muốn nhận được 1,2,3.
Có nghĩa là tôi cần giá trị của hộp chọn, không phải văn bản.

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

Để có được phần tử Chọn bạn có thể sử dụng $('#first').val();

Để nhận văn bản của giá trị đã chọn - $('#first :selected').text();

Bạn có thể vui lòng đăng select2()mã chức năng của bạn được không

$("#first").select2('data') sẽ trả về tất cả dữ liệu dưới dạng bản đồ

Nếu bạn đang sử dụng ajax , bạn có thể muốn nhận được giá trị cập nhật của select ngay sau khi chọn.

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

Tín dụng: Steven-Johnston

Giải pháp này cho phép bạn quên phần tử chọn. Hữu ích khi bạn không có id trên các phần tử được chọn.

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

Câu trả lời đơn giản là:

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

và bạn cũng có thể viết bằng cách này:

 $('#first').val()

Thử cái này :

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

Xem trò chơi này .
Về cơ bản, bạn muốn lấy các -tags valuecủa mình option, nhưng bạn luôn cố gắng lấy giá trị của select-node bằng $("#first").val().

Vì vậy, chúng tôi phải chọn các thẻ tùy chọn và chúng tôi sẽ sử dụng các bộ chọn jQuerys:

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

$("#first option")chọn mỗi optioncái là con của phần tử có id first.

Các giải pháp trên không hoạt động với tôi với select2 mới nhất (4.0.13)

Với jQuery, bạn có thể sử dụng giải pháp này để truy xuất giá trị theo tài liệu: https://select2.org/programmatic-control/retrieving-selection

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

Các câu trả lời khác không phù hợp với tôi vì vậy tôi đã phát triển giải pháp:

Tôi đã tạo tùy chọn với class = "option-item" để dễ nhắm mục tiêu

HTML:

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

Sau đó, đối với mọi tùy chọn đã chọn, tôi đã thêm hiển thị không có thuộc tính nào

CSS:

option:checked {
   display: none;
}

Bây giờ chúng ta có thể thêm thay đổi vào SelectBox của mình để tìm tùy chọn đã chọn với thuộc tính không hiển thị bằng thuộc tính simple : hidden

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

Làm việc fiddle: https://jsfiddle.net/Friiz/2dk4003j/10/

Giải pháp :

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