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个选项，可输入多个字符查找具体的选项。