可搜索的下拉菜单答案

【问题标题】：Searchable Dropdown可搜索的下拉菜单
【发布时间】：2018-01-06 18:36:33
【问题描述】：

在下面的代码中有一个包含国家/地区的下拉列表，我的目标是使下拉列表可编辑和可搜索。请帮我这样做。

代码：

<label for='SelectCountry'>Choose a country:</label><br /><br />

    <asp:DropDownList id='SelectCountry' name='SelectCountry' runat='server'
                      ClientIDMode='Static'>
        <asp:ListItem Text='Afghanistan' Value='Afghanistan'></asp:ListItem>
        <asp:ListItem Text='Albania' Value='Albania'></asp:ListItem>
        <asp:ListItem Text='Algeria' Value='Algeria'></asp:ListItem>
        <asp:ListItem Text='Bahrain' Value='Bahrain'></asp:ListItem>
        <asp:ListItem Text='Bangladesh' Value='Bangladesh'></asp:ListItem>
        <asp:ListItem Text='Barbados' Value='Barbados'></asp:ListItem>
        <asp:ListItem Text='Cambodia' Value='Cambodia'></asp:ListItem>
        <asp:ListItem Text='Cameroon' Value='Cameroon'></asp:ListItem>
        <asp:ListItem Text='Canada' Value='Canada'></asp:ListItem>
    </asp:DropDownList>

    <br/>

    <script type='text/javascript' >
        $(function () {
            $('#SelectCountry').ufd({ log: true });
        });    
    </script>

</asp:Content>

【问题讨论】：

标签： javascript asp.net

【解决方案1】：

您可以使用选择的 jquery。

这里是link

【讨论】：

【解决方案2】：

Select2 是一个 jquery 插件，提供搜索和显示图像等功能，请查看此链接：Select2 - DropDown

【讨论】：

【解决方案3】：

带有自动完成和过滤文本的可搜索下拉菜单，只需通过链接 Reference

【讨论】：