js 根据输入框内容自动定位listbox选项

浏览数：12 / 时间：2015年06月09日

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‘)

js 根据输入框内容自动定位listbox选项,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

js 根据输入框内容自动定位listbox选项