用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

看一看在包含（）選擇http://api.jquery.com/contains-selector/

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