如何从带有确切文本的下拉列表中选择选项

Question

我想让用户输入一个文本框并在选择下拉列表中查找并选择它。但是我有对象本身而不是它的名字。

目前在文本框上按回车将运行以下代码

$(this).prev().find('option:contains(\'editboxValue\')').attr('selected', 'selected');

但上面的代码只选择了Text2。以下代码工作正常，但看起来很乱！

$(this).prev().find("option").each(function(){ if ($(this).text() == 'editboxValue') $(this).attr("selected","selected");});

有没有更好的写法？

<select>
  <option>Text</option>
  <option>Text1</option>
  <option>Text2</option>
</select>
<input type="text">

Answer 1

要使用下拉列表项文本选择选项，请使用此

var findText = $('#textBoxId').val();
$('#dropDownList option').
    filter(function () {return ($(this).text() == findText); })).
    attr('selected', 'selected'); 

Answer 2

为您的选择提供一个 ID 或类别，并为您的选项提供与您的文本相同的 ID。 如果您生成选项，则易于制作。 你需要做的就是：

var myId = 'GetTheIdYouNeed'
$('.mySelect').find(myId);