带有筛选器选项的Asp.net DropDownList
有没有办法用asp.net DropDownList控件添加过滤器选项？ 就像，用户开始输入它，它相应地缩小了下面的列表带有筛选器选项的Asp.net DropDownList,asp.net,vb.net,visual-studio,Asp.net,Vb.net,Visual Studio,有没有办法用asp.net DropDownList控件添加过滤器选项？ 就像，用户开始输入它，它相应地缩小了下面的列表 <asp:DropDownList id="ColorList" runat="server"> <asp:ListItem Selected="True" Value="White"> White </asp:ListItem> <asp:ListItem Value="Silver"> Silver </asp:Li
<asp:DropDownList id="ColorList" runat="server">
<asp:ListItem Selected="True" Value="White"> White </asp:ListItem>
<asp:ListItem Value="Silver"> Silver </asp:ListItem>
<asp:ListItem Value="DarkGray"> Dark Gray </asp:ListItem>
<asp:ListItem Value="Khaki"> Khaki </asp:ListItem>
<asp:ListItemValue="DarkKhaki"> Dark Khaki </asp:ListItem>
</asp:DropDownList>
白色
银币
深灰色
卡其色
深卡其色
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Chosen.aspx.vb" Inherits="Transactions_Chosen" %>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<link rel="stylesheet" href="../CSS/chosen.css" type="text/css" />
</head>
<body>
<select class="chosen-select" style="width:350px;" tabindex="2">
<option value=""></option>
<option value="United States">United States</option>
<option value="United Kingdom">United Kingdom</option>
<option value="Afghanistan">Afghanistan</option>
<option value="Lesotho">Lesotho</option>
<option value="Liberia">Liberia</option>
<option value="Pakistan">Pakistan</option>
<option value="Palau">Palau</option>
</select>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script src="../JS/chosen.jquery.js" type="text/javascript"></script>
<script type="text/javascript">
var config = {
'.chosen-select' : {},
'.chosen-select-deselect' : {allow_single_deselect:true},
'.chosen-select-no-single' : {disable_search_threshold:10},
'.chosen-select-no-results': {no_results_text:'Oops, nothing found!'},
'.chosen-select-width' : {width:"95%"}
}
for (var selector in config) {
$(selector).chosen(config[selector]);
}
</script>
</body>
</html>
美国
大不列颠联合王国
阿富汗
莱索托
利比里亚
巴基斯坦
帕劳
变量配置={
“.选择“：{}”，
'.selected-select-deselect'：{allow_single_-deselect:true}，
'.selected no single'：{disable_search_threshold:10}，
“.selected select no results'：{no_results_text:'Oops，找不到任何内容！'，
“.selected select width'：{width:“95%”
}
for（配置中的变量选择器）{
$（选择器）.selected（配置[选择器]）；
}
它允许您将不同的数据源绑定到组合框（下拉列表）。如果选择此选项，您可以这样做：（selected.jquery可以通过nuget下载。您还应该获得“selected”，因为它提供了一些样式表） .aspx
<select class="chosen-select" style="width:350px;" tabindex="2">
<option value=""></option>
<option value="United States">United States</option>
<option value="United Kingdom">United Kingdom</option>
<option value="Afghanistan">Afghanistan</option>
<option value="Lesotho">Lesotho</option>
<option value="Liberia">Liberia</option>
<option value="Pakistan">Pakistan</option>
<option value="Palau">Palau</option>
</select>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script src="Scripts/chosen.jquery.js"></script>
<script type="text/javascript">
var config = {
'.chosen-select': {},
'.chosen-select-deselect': { allow_single_deselect: true },
'.chosen-select-no-single': { disable_search_threshold: 10 },
'.chosen-select-no-results': { no_results_text: 'Oops, nothing found!' },
'.chosen-select-width': { width: "95%" }
}
$(function() {
for (var selector in config) {
$(selector).chosen(config[selector]);
}
});
</script>
美国
大不列颠联合王国
阿富汗
莱索托
利比里亚
巴基斯坦
帕劳
变量配置={
“.选择“：{}”，
'.selected-select-deselect'：{allow_single_-deselect:true}，
'.selected no single'：{disable_search_threshold:10}，
“.selected select no results'：{no_results_text:'Oops，nothing found！'}，
“.selected select width'：{width:“95%”
}
$（函数（）{
for（配置中的变量选择器）{
$（选择器）.selected（配置[选择器]）；
}
});