首页 > 代码库 > 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‘)