使用JQUERY

Question

我有许多填充选项的html选择（下拉列表）。此外，我在桌子旁边有许多名字，旁边有按钮。我需要按下任何名称旁边的按钮，然后在选择框（下拉列表）中选择该名称。选项值为id，选项文本为name。 例如：

!NamesList!v!   <- select box

John  !Button!
Tom   !Button!
Laura !Button!    

我试过用：

var name = "John";
$("#cmbOperator option[value='" + name + "']").attr('selected', 'selected'); 

但它不起作用。如果我将var name更改为id（这是值）然后工作。但是，如何才能从文本中获得选项的价值？

Answer 1

$("select option:contains(text)").attr('selected', true);

这是JSFiddle

http://jsfiddle.net/u1c21mq6/1/

Answer 2

如果您的HTML ：

<select id="cmbOperator">
    <option value="Jane">Jane</option>
    <option value="John">John</option>
</select>

使用：

$("#cmbOperator option[value='" + name + "']").attr('selected', 'selected');

• 根据value属性选择。

或

$("#cmbOperator option:contains('" + name + "')").attr('selected', 'selected');

• 根据文字内容选择。

如果您的HTML ：

<select id="cmbOperator">
    <option>Jane</option>
    <option>John</option>
</select>

使用：

$("#cmbOperator option:contains('" + name + "')").attr('selected', 'selected');