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

Question

我有一个像这样的组合框

<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") 可以理解，它完美地工作。

此外，我无法将单独的类添加到特定的选项集。

我可以使用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/