如何按值过滤选择框选项？

Question

我有这个带有选项的选择框：

<select id="mySelect">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
</select>

使用jQuery，我如何过滤此选择框，以便它只显示值为＆lt; 3。

感谢您的帮助。

Answer 1

可以通过多种方式实现目标，例如：

// filter options by hiding all values >= 3
$('#mySelect option').filter(function(v, el) { return $(el).val() >= 3; }).hide();
// optional: find first visible option and set it as a value
$('#mySelect').val( $('#mySelect option:visible').eq(0).val() );