如何使用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

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

Answer 2

这应该做的伎俩:

// 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 3

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