Làm cách nào để có được tùy chọn đã chọn $ (this) trong jQuery?

Đoạn mã sau hoạt động:

$("#select-id").change(function(){
  var cur_value = $('#select-id option:selected').text();
  . . .
});

Cách cấu trúc lại dòng thứ hai thành:

var cur_value = $(this).***option-selected***.text();

Bạn dùng để làm ***option-selected***gì?

Đối với giá trị đã chọn: $(this).val()

Nếu bạn cần phần tử tùy chọn đã chọn, $("option:selected", this)

 $(this).find('option:selected').text();

Theo ý kiến ​​của tôi, cách tốt nhất và ngắn nhất cho các sự kiện onchange trên menu thả xuống để có được tùy chọn đã chọn:

$('option:selected',this);

để nhận thuộc tính giá trị:

$('option:selected',this).attr('value');

để lấy phần hiển thị giữa các thẻ:

$('option:selected',this).text();

Trong mẫu của bạn:

$("#select-id").change(function(){
  var cur_value = $('option:selected',this).text();
});

var cur_value = $('option:selected',this).text();

Điều này sẽ hoạt động:

$(this).find('option:selected').text();

Bạn có thể sử dụng findđể tìm tùy chọn đã chọn là hậu duệ của (các) nút được đối tượng jQuery hiện tại trỏ đến:

var cur_value = $(this).find('option:selected').text();

Vì đây có thể là một đứa trẻ ngay lập tức, tôi thực sự sẽ đề xuất sử dụng .childrenthay thế:

var cur_value = $(this).children('option:selected').text();

var cur_value = $(this).find('option:selected').text();

Vì optioncó khả năng là đứa con ngay lập tức của selectbạn cũng có thể sử dụng:

var cur_value = $(this).children('option:selected').text();

http://api.jquery.com/find/

Dự đoan tôt nhât:

var cur_value = $('#select-id').children('option:selected').text();

Tôi thích trẻ em hơn trong trường hợp này vì bạn biết rằng bạn chỉ đi một nhánh xuống cây DOM ...

Nó chỉ

$(this).val();

Tôi nghĩ jQuery đủ thông minh để biết bạn cần gì