In the below code there is a dropdown which has countries and my aim is to make the dropdown to be editable and searchable.Please help me to do this.
code:
<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>
You can use chosen jquery.
Here is the link
Select2
是一个jquery插件,提供搜索和显示图像等功能,只需检查此链接: Select2 - DropDown
Searchable Dropdown with Autocomplete and Filtering text , just go through the link for Reference
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.