jquery - 仅使用部分值设置组合框的值

Question

我有一个combobox这样的

<select id="myCombo">
      <option value='alpha1'>A1</option>
      <option value='alpha2'>A2</option>
      <option value='alpha3'>A3</option>
      <option value='beta1'>B1</option>
      <option value='beta2'>B1</option>
      <option value='gamma'>C</option>
      <option value='delta2'>D2</option>
</select>

当用户输入alpha时，我想选择所有值以alpha开头的选项。但是，$("#myCombo").val("alpha")不这样做，它只适用于gamma $("#myCombo").val("gamma")可以理解地完美运行。

此外，我无法class为特定的选项集添加单独的选项。

我可以使用设置值REGEXP吗？或任何其他解决方法。

Answer 1

$("#myCombo option[value^='alpha']").prop('selected',true);

演示-------> http://jsfiddle.net/g2UwK/6/

对于jQuery < 1.5-

$("#myCombo option[value^='alpha']").attr('selected',true);

演示-------> http://jsfiddle.net/g2UwK/9/