使用在文本框中输入的文本搜索复选框中的项
Search items in checklistbox using text entered in textbox
我想在清单框内搜索。当用户在文本字段中输入文本时,如果复选框列表中存在该项,则应选中该项。
HTML:<asp:TextBox ID="TextBox1" runat="server" OnTextChanged= "return SearchList();"/>
<asp:CheckBoxList ID="CheckBoxList1" runat="server">
<asp:ListItem>Vincent</asp:ListItem>
<asp:ListItem>Jennifer</asp:ListItem>
<asp:ListItem>Shynne</asp:ListItem>
<asp:ListItem>Christian</asp:ListItem>
<asp:ListItem>Helen</asp:ListItem>
<asp:ListItem>Vladi</asp:ListItem>
<asp:ListItem>Vinz</asp:ListItem>
<asp:ListItem>Churchill</asp:ListItem>
<asp:ListItem>Rod</asp:ListItem>
<asp:ListItem>Mark</asp:ListItem>
</asp:CheckBoxList>
JavaScript: function SearchList() {
try {
var l = document.getElementById('<%= CheckBoxList1.ClientID %>');
var tb = document.getElementById('<%= TextBox1.ClientID %>');
var p = l.item.length
if (tb.value == "") {
ClearSelection(l);
} else {
for (var i = 0; i < l.options.length; i++) {
if (l.options[i].value.toLowerCase().match(tb.value.toLowerCase())) {
l.options[i].selected = true;
return false;
} else {
ClearSelection(l);
}
}
}
} catch (e) {}
}
function ClearSelection(lb) {
lb.selectedIndex = -1;
}
我不知道关于asp,我要找出在简单的HTML
它可能对你有帮助。
HTML部分
<select id="combo">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
<br>
<input type="text" id="searchTXT" onblur="checkCombo();">
Javascript部分
function checkCombo() {
try{
var searchVal = $('#searchTXT').val();
var options= document.getElementById('combo').options;
for (var i= 0, n= options.length; i < n ; i++) {
if (options[i].value.toLowerCase()==searchVal.toLowerCase()) {
document.getElementById("combo").selectedIndex = i;
break;
}
}
}
catch(e){}
}
相关文章:
- 如何在文本搜索后返回long/lat
- 使用 CSS3 数据属性进行客户端文本搜索
- 谷歌地图API地理位置文本搜索地点详细信息
- 使用谷歌地图API和谷歌文本搜索进行地理定位
- 如何在 html 中实现自动文本搜索
- 放置 API 文本搜索与附近搜索
- 当前网页上的本地可见文本搜索
- Jquery文本搜索并对该文本执行某些操作
- jQuery:如何在文本搜索中只显示DOM的特定元素
- MongoDB在一个列表中检查多个regex匹配项以进行免费文本搜索
- 使用AND运算符进行Mongoose文本搜索
- 使用文本搜索并删除节点jquery
- jQuery移动文本/搜索更改事件的行为不同
- Angular自定义文本搜索过滤器顺序
- 实时文本搜索jquery,错误的选择器
- MongoDB文本搜索与周期
- 提高MongoDB的文本搜索性能
- 使用在文本框中输入的文本搜索复选框中的项
- 如何通过文本搜索返回JSON数组中项目的索引位置?
- 通过选项文本搜索选项索引