Tôi cần chọn bộ chọn nào bằng văn bản của nó?

Tôi cần kiểm tra nếu một <select>tùy chọn có văn bản bằng với một giá trị cụ thể.

Ví dụ, nếu có <option value="123">abc</option>, tôi sẽ tìm "abc".

Có một bộ chọn để làm điều này?

Tôi đang tìm kiếm một cái gì đó tương tự $('#select option[value="123"]');nhưng cho văn bản.

Điều này có thể giúp:

$('#test').find('option[text="B"]').val();

Demo fiddle

Điều này sẽ cung cấp cho bạn tùy chọn với văn bản Bchứ không phải những cái có văn bản chứa B. Hi vọng điêu nay co ich

Đối với các phiên bản gần đây của jQuery, phần trên không hoạt động. Như đã nhận xét bởi Quandary bên dưới, đây là những gì hoạt động cho jQuery 1.9.1:

$('#test option').filter(function () { return $(this).html() == "B"; }).val();

Cập nhật fiddle

Bạn có thể sử dụng :contains()bộ chọn để chọn các thành phần có chứa văn bản cụ thể.
Ví dụ:

$('#mySelect option:contains(abc)')

Để kiểm tra xem một <select>phần tử đã cho có tùy chọn như vậy hay không, hãy sử dụng .has()phương thức :

if (mySelect.has('option:contains(abc)').length)

Để tìm tất cả <select>các tùy chọn có chứa tùy chọn như vậy, hãy sử dụng :has()bộ chọn :

$('select:has(option:contains(abc))')

Không có đề xuất nào trước đây hoạt động với tôi trong jQuery 1.7.2 vì tôi đang cố gắng đặt chỉ mục được chọn của danh sách dựa trên giá trị từ hộp văn bản và một số giá trị văn bản được chứa trong nhiều tùy chọn. Tôi đã kết thúc bằng cách sử dụng như sau:

$('#mySelect option:contains(' + value + ')').each(function(){
    if ($(this).text() == value) {
        $(this).attr('selected', 'selected');
        return false;
    }
    return true;
});

Tôi phải đối mặt với cùng một vấn đề dưới đây là mã làm việc:

$("#test option").filter(function() {
    return $(this).text() =='Ford';
}).prop("selected", true);

Bản trình diễn: http://jsfiddle.net/YRBrp/83/

Điều này làm việc cho tôi: $("#test").find("option:contains('abc')");

Đây là phương pháp tốt nhất để chọn văn bản trong danh sách thả xuống.

$("#dropdownid option:contains(your selected text)").attr('selected', true);

Tôi đã thử một vài trong số những thứ này cho đến khi tôi có một cái để hoạt động trong cả Firefox và IE. Đây là những gì tôi đã đưa ra.

$("#my-Select").val($("#my-Select" + " option").filter(function() { return this.text == myText }).val());

một cách khác để viết nó trong một fading dễ đọc hơn:

var valofText = $("#my-Select" + " option").filter(function() {
    return this.text == myText
}).val();
$(ElementID).val(valofText);

Mã giả:

$("#my-Select").val( getValOfText( myText ) );

Sử dụng sau đây

$('#select option:contains(ABC)').val();

Điều này sẽ hoạt động trong jQuery 1.6 (lưu ý dấu hai chấm trước dấu ngoặc mở), nhưng không thành công trên các bản phát hành mới hơn (1.10 tại thời điểm đó).

$('#mySelect option:[text=abc]")

Đối với phiên bản jquery 1.10.2 dưới đây làm việc cho tôi

  var selectedText="YourMatchText";
    $('#YourDropdownId option').map(function () {
       if ($(this).text() == selectedText) return this;
      }).attr('selected', 'selected');
    });

Công việc này đối với tôi

$('#mySelect option:contains(' + value + ')').attr('selected', 'selected');

Điều này làm việc cho tôi:

var result = $('#SubjectID option')
            .filter(function () 
             { return $(this).html() == "English"; }).val();

Các resultbiến sẽ trở lại với chỉ số của các giá trị văn bản phù hợp. Bây giờ tôi sẽ chỉ thiết lập nó bằng chỉ mục của nó:

$('#SubjectID').val(result);

Hoặc bạn lặp qua các tùy chọn hoặc đặt cùng một văn bản bên trong một thuộc tính khác của tùy chọn và chọn với nó.

Điều này cũng sẽ làm việc.

$ ('# test'). find ("tùy chọn select: chứa ('B')"). filter (": đã chọn");

Như được mô tả trong câu trả lời này , bạn có thể dễ dàng tạo bộ chọn của riêng mình cho hasText. Điều này cho phép bạn tìm tùy chọn với$('#test').find('option:hastText("B")').val();

Đây là phương thức hasText tôi đã thêm:

 if( ! $.expr[':']['hasText'] ) {
     $.expr[':']['hasText'] = function( node, index, props ) {
       var retVal = false;
       // Verify single text child node with matching text
       if( node.nodeType == 1 && node.childNodes.length == 1 ) {
         var childNode = node.childNodes[0];
         retVal = childNode.nodeType == 3 && childNode.nodeValue === props[3];
       }
       return retVal;
     };
  }

Điều này làm việc cho tôi

var options = $(dropdown).find('option');
var targetOption = $(options).filter(
function () { return $(this).html() == value; });

console.log($(targetOption).val());

Cảm ơn tất cả các bài viết.