Какой селектор мне нужен, чтобы выбрать опцию по ее тексту?

Question

Мне нужно проверить, есть ли у <select> опция, текст которой равен определенному значению.

Например, если есть <option value="123">abc</option>, я буду искать «abc».

Есть ли селектор для этого?

Я ищу что-то похожее на $('#select option[value="123"]');, но для текста.

Answer 1

Это будет работать в jQuery 1.6 (обратите внимание на двоеточие перед открывающей скобкой), но не будет работать в более новых выпусках (в то время 1.10).

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

Answer 2

Это работает для меня:

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

Переменная result вернет индекс соответствующего текстового значения. Теперь я просто установлю его, используя его индекс:

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

Answer 3

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

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

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

Спасибо за все сообщения.

Answer 4

Как описано в этого ответа , вы можете легко создать свой собственный селектор для 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;
     };
  }

Answer 5

Это также будет работать.

$ ('# test'). Find ("опция выбора: содержит ('B')"). Filter (": selected");

Answer 6

Либо вы перебираете опции, либо помещаете тот же текст в другой атрибут опции и выбираете с ним.