jquery 遍历select option 结果集

[javascript] view plain copy

  1.   

 

[java]  view plain  copy
  1. "text/javascript" src="js/jquery-1.3.1.js">  
  2. "text/javascript" src="js/jquery.suggest.js">  
  3. "text/javascript" 
  4.     jQuery(function()  
  5.         jQuery('#deviceType').suggest('local_data');  
  6.     });  
  7.       
  8.     function local_data(str)  
  9.         var top 10 
  10.         var cnt =0 
  11.           
  12.         var arr new Array();  
  13.           
  14.          $("#devTypeId option").each(function (){  
  15.             var txt $(this).text();  
  16.             if(txt.toLowerCase().indexOf(str.toLowerCase()) >-1){  
  17.                 arr.push({val:txt,html:txt});  
  18.                 if(++cnt >= top){  
  19.                     return false;//jquery中 跳出循环为return false,相当于break, continue为return ture  
  20.                  
  21.              
  22.          });  
  23.         return arr;  
  24.      
  25.   


 


 

[html]  view plain  copy
  1. <</span>select id="devTypeId"  style="display:none;" styleId="devTypeId" >  
  2.                                                       <</span>option value="-1">请选择设备型号</</span>option>  
  3.                                                       <</span>c:forEach items="${devTypes}" var="devType">  
  4.                                                         <</span>option  value="${devType.name}" >${devType.name}</</span>option>  
  5.                                                      </</span>c:forEach>  
  6.                                                    </</span>select>  


 


以上实现的是在输入框中输入字符,js实现从已有的select列表中找到包含字符的选项。每个字符查询匹配10个选项,可输入多个字符查找具体的选项。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值