使用jquery搜索选择列表

Question

我正在尝试为选择列表构建一个搜索框，我正在寻找一些关于使用jQuery执行此操作的建议。我的目标是高亮显示包含搜索字符串的<option/>或隐藏所有不包含搜索字符串的<option/>。我以为我正在使用属性选择器，直到我意识到我正在搜索HTML内容而不是属性。

<select name="Users" id="Users">
  <option value="123">Frank Smith (fsmith@example.com)</option>
  <option value="456">Joe Banks (jbanks@example.com)</option>
</select>

Answer 1

查看contains（）选择器http://api.jquery.com/contains-selector/

$("option:contains('Joe')");