首页 > 代码库 > js 根据输入框内容自动定位listbox选项
js 根据输入框内容自动定位listbox选项
2014-7-1 应用在某门户应用排序管理页面
function OnTextChanged() {
var inputText = $.trim($("#txtLocateAllSeller").val());
if (inputText.length != 0) {
var el = $(‘.applist‘)
var len = el.find("option").length;
var sInputName = inputText.toUpperCase();
var iStopFlag = -1;
var iIndex = 0;
var sText;
while (iIndex < len && iStopFlag == -1) {
var sele = el.find("option[index=" + iIndex + "]");
sText = sele.text().toUpperCase();
if (sText.indexOf(sInputName) != -1) {
sele.attr("selected", true);
iStopFlag = 0;
}
iIndex++;
}
}
}
html:
定位:<input type="text" id="txtLocateAllSeller" title="请输入要定位的应用描述" onkeyup="OnTextChanged()"/>
<span>根据相关描述在当前分类自动定位要查找的项目</span>
<asp:ListBox ID="ListBox1" CssClass="applist" runat="server" Width="250px"
Height="300px"></asp:ListBox>
说明:
1: 获取 输入文本框的内容: var inputText = $.trim($("#txtLocateAllSeller").val());
2: 通过css类名获取listbox对象: var el = $(‘.applist‘)