ASP.NET 根据TextBox输入的内容自动自动定位到ListBox中项
这个效果很简单,直接上代码
[javascript]
<script type="text/javascript">
function ontextchanged(textboxid, listboxid) {
var inputtext = $.trim($("#" + textboxid.tostring()).val());
if (inputtext.length != 0) {
for (var i = 0; i < document.getelementbyid(listboxid.tostring()).options.length; i++) {
document.getelementbyid(listboxid).options[i].selected = false;
}
var sinputname = inputtext.touppercase();
var istopflag = -1;
var iindex = 0;
var stext;
while (iindex < document.getelementbyid(listboxid).options.length && istopflag == -1) {
stext = document.getelementbyid(listboxid).options[iindex].text.touppercase();
if (stext.indexof(sinputname) != -1) {
document.getelementbyid(listboxid).options[iindex].selected = true;
//istopflag = 0;
}
iindex++;
}
}
}
</script>
前台代码:
[html]
<table>
<tr>
<td>
<p style="margin-top: 0; text-align: right">
定位商户(请输入商户名称):
<:textbox id="txtlocateallseller" runat="server" onkeyup="ontextchanged('txtlocateallseller','liboxallsellers')"></asp:textbox></p>
</td>
<td>
</td>
<td>
<p style="margin-top: 0; text-align: left">
定位商户(请输入商户名称):
<asp:textbox id="txtlocateselectseller" runat="server" onkeyup="ontextchanged('txtlocateselectseller','selectsellers')"></asp:textbox></p>
</td>
</tr>
</table>
这个js方法好处就是一个通用方法,只需要传入textbox的id和listbox的id即可。定位也相当于模糊查询。
作者:chinajiyong
上一篇: 树的四种递归遍历(C++读文件)
下一篇: C语言经典编程之字符串