Как выбрать элемент по его текстовому значению в раскрывающемся списке с помощью jQuery?

Question

Если у меня был следующий выбор, и я не знал, какое значение использовать для предварительного выбора элемента, как в этом вопросе или индексе элемента, который я хотел выбрать, как я мог выбрать один из параметры с JQuery, если я знал текстовое значение, как вариант C?

<select id='list'>
<option value='45'>Option A</option>
<option value='23'>Option B</option>
<option value='17'>Option C</option>
</select>

Answer 1

Это должно сработать:

// option text to search for
var optText = "Option B";
// find option value that corresponds
var optVal = $("#list option:contains('"+optText+"')").attr('value');
// select the option value 
$("#list").val( optVal )

Как указывает на отсутствие век, это будет вести себя непредсказуемо, если искомый текст можно найти в нескольких вариантах.

Answer 2

var option;
$('#list option').each(function() {
    if($(this).text() == 'Option C') {
        option = this;
        return false;
    }
});

Answer 3

$("#list option").each(function() {
  this.selected = $(this).text() == "Option C";
});

Answer 4

function SelectItemInDropDownList(itemToFind){    
         var option;
         $('#list option').each(function(){
             if($(this).text() == itemToFind) {
                 option = this;
                 option.selected = true;
                 return false;    
                }
           });  }

Я только изменил предыдущий код, потому что он только нашел опцию в списке выбора, некоторые могут захотеть буквальную демонстрацию.