javascript - 使用 JS 在已填充的选择标签中选择一个选项

Question

假设我有一个select标签如下：

<select name='selectBox' id='selectBox'>
    <option value='1'>one</option>
    <option value='2'>two</option>
    <option value='3'>three</option>
    <option value='4'>four</option>
    <option value='5'>five</option>
</select>

我在变量中有一个值，例如：selectVal = 'three'并且我想选择基于textnot on的选项value。

我看着

$('#selectBox').prop('selectedIndex', 3);
$('#selectBox').selectmenu('refresh');

但我想选择text一个选项。我是这方面的初学者，任何帮助将不胜感激！

谢谢。

标签： javascript

Answer 1

您必须获取选项索引：

 var options = $("#selectBox > option");
 $('#selectBox').prop('selectedIndex', options.index(":contains(three)"));