單個 select 下拉列表有過濾器使用 jquery

Question

 <td valign="middle">
     <select id="b1selection" 
             size="5"
             class="singleselect" 
             style="width: 370px">
         <asp:Repeater ID="rptDescription" runat="server">
             <ItemTemplate>
                 <option value='<%# Eval("ID") %>'
                         id='Description<%# Eval("ID") %>'>
                     <%# Eval("Title") %>
                 </option>
             </ItemTemplate>
         </asp:Repeater>
     </select>
     <input id="b1" name="b1" runat="server" 
            type="text" 
            class="text-input small-input" 
            style="display: none;"
            value="" />
 </td>

我想要從數據庫綁定的下拉列表。 它應該具有過濾功能，例如，如果我在文本框中輸入字母“S”，那么下拉列表中“S”中的所有項目都會過濾。 所以請幫幫我。

我在此鏈接的幫助下嘗試過使用 jquery

http://www.erichynds.com/examples/jquery-ui-multiselect-widget/demos/#filter

但上面的鏈接適用於多個 select 但我想要單個 select。

Answer 1

您可以使用 Ajaxtoolkit 的自動完成文本框來實現這一點。 並修改了 css 讓它看起來像下拉框。 嘗試使用這篇文章。

Answer 2

我推薦 jquery 自動完成插件：

http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/