jquery 遍历select option 结果集

1. <script type="text/javascript" src="js/jquery-1.3.1.js"></script>  
2. <script type="text/javascript" src="js/jquery.suggest.js"></script>  
3. <script type="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. </script>  

[html]  view plain copy

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

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