ASP.NET 根据TextBox输入的内容自动定位到ListBox中项
2012-08-03 14:24
519 查看
这个效果很简单,直接上代码
前台代码:
这个js方法好处就是一个通用方法,只需要传入TextBox的ID和ListBox的ID即可。定位也相当于模糊查询。
<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>
前台代码:
<table> <tr> <td> <div style="margin-top: 0; text-align: right"> 定位商户(请输入商户名称): <asp:TextBox ID="txtLocateAllSeller" runat="server" onkeyup="OnTextChanged('txtLocateAllSeller','liboxAllSellers')"></asp:TextBox></div> </td> <td> </td> <td> <div style="margin-top: 0; text-align: left"> 定位商户(请输入商户名称): <asp:TextBox ID="txtLocateSelectSeller" runat="server" onkeyup="OnTextChanged('txtLocateSelectSeller','selectSellers')"></asp:TextBox></div> </td> </tr> </table>
这个js方法好处就是一个通用方法,只需要传入TextBox的ID和ListBox的ID即可。定位也相当于模糊查询。
相关文章推荐
- AJAX基本应用之:根据输入内容自动填充下拉框。(ASP.NET版)[转]
- AJAX基本应用之:根据输入内容自动填充下拉框。(ASP.NET版)[转]
- asp.net的多行TextBox随内容增加自动增高而不显示滚动条!
- ASP.net textbox输入自动转换大小写字母
- 利用反射实现ASP.NET控件和数据实体之间的双向绑定,并且在客户端自动验证输入的内容是否合法
- ASP.net textbox输入自动转换大小写字母
- asp.net中单击textbox自动清除其内容
- ASP.NET(C#)中返回textbox焦点并全选所输入的内容
- asp.net的多行TextBox随内容增加自动增高而不显示滚动条!
- Asp.net中多行TextBox随着输入的函数多少自动改变
- 如何控制asp.net控件TextBox输入内容的长度--(多种方法)
- 使用ASP.NET Atlas开发随输入内容自动调整行数的textarea
- asp.net的多行TextBox随内容增加自动增高而不显示滚动条!
- AJAX.NET实现根据输入内容自动填充下拉框
- 使用ASP.NET Atlas开发随输入内容自动调整行数的textarea(转)
- asp.net中单击textbox自动清除其内容
- asp.net的多行TextBox随内容增加自动增高而不显示滚动条!
- 根据表格内容,自动调整VB.NET中Datagrid控件单元格宽度
- Asp.net如何验证TextBox控件只输入数字(五种情况分析)
- Asp.net如何验证TextBox控件只输入数字(五种情况分析)转帖