Який селектор мені потрібно вибрати варіант за його текстом?

Мені потрібно перевірити, чи <select>є опція, текст якої дорівнює певному значенню.

Наприклад, якщо є <option value="123">abc</option>, я б шукав "abc".

Чи є селектор для цього?

Я шукаю щось подібне, $('#select option[value="123"]');але не для тексту.

Це може допомогти:

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

Демо-скрипка

Це дасть вам можливість з текстом, Bа не з текстом , який містить текст B. Сподіваюсь, це допомагає

Для останніх версій jQuery вище не працює. Як прокоментував Quandary нижче, саме це працює для jQuery 1.9.1:

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

Оновлена ​​скрипка

Ви можете використовувати :contains()селектор для вибору елементів, що містять конкретний текст.
Наприклад:

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

Щоб перевірити, чи є у певного <select>елемента такий варіант, скористайтеся .has()методом :

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

Щоб знайти всі <select>s, які містять таку опцію, скористайтесь :has()селектором :

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

Жодна з попередніх пропозицій не працювала для мене в jQuery 1.7.2, оскільки я намагаюся встановити вибраний індекс списку на основі значення з текстового поля, а деякі текстові значення містяться в декількох варіантах. Я в кінцевому рахунку використовував наступне:

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

Я зіткнувся з тією ж проблемою нижче робочого коду:

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

Демонстрація: http://jsfiddle.net/YRBrp/83/

Це працювало для мене: $("#test").find("option:contains('abc')");

Це найкращий метод для вибору тексту у спадному списку.

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

Я спробував декілька таких речей, поки не отримав одну роботу в Firefox та IE. Це те, що я придумав.

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

ще один спосіб його написання в більш читаному вигляді:

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

Псевдокод:

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

Використовуйте наступне

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

Це буде працювати в jQuery 1.6 (відзначте двокрапку перед початковою дужкою), але не вдасться до нових версій (на той час 1.10).

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

Для jquery версія 1.10.2 нижче працювала для мене

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

Ця робота для мене

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

Це працює для мене:

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

resultМінлива повертає індекс співпала значення тексту. Тепер я просто встановлю його за допомогою свого індексу:

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

Або ви повторите параметри, або введіть один і той же текст всередину іншого атрибута параметра та виберіть його.

Це також спрацює.

$ ('# test'). find ("вибір параметра: містить ('B')"). filter (": вибрано");

Як описано в цій відповіді , ви можете легко створити власний селектор для hasText. Це дозволяє знайти варіант за допомогою$('#test').find('option:hastText("B")').val();

Ось я додав метод hasText:

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

Це працює для мене

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

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

Дякую за всі повідомлення.