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

但上面的链接是多选的，但我想要单选。

Answer 1

您可以使用Ajaxtoolkit的自动完成文本框来实现此目的。并修改了CSS以给它一个像下拉框的感觉。尝试使用此post。

Answer 2

我推荐使用jquery自动完成插件：

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

单选下拉列表使用jquery进行过滤

2 个答案: