jquery如何遍历select option结果集?

发布时间:2019-07-31编辑:脚本学堂
分享一个jquery遍历select option结果集,jquery操作select表单的方法,jquery遍历select下拉框中option选项的例子,供大家学习参考。

jquery遍历select option结果集
 

复制代码 代码示例:

<script type="text/javascript" src="js/jquery-1.3.1.js"></script> 
<script type="text/javascript" src="js/jquery.suggest.js"></script> 
<script type="text/javascript"> 
jQuery(function() { 
jQuery('#deviceType').suggest('local_data'); 
}); 
 
function local_data(str) { 
var top = 10; 
var cnt =0; 
 
var arr = new Array(); 
 
 $("#devTypeId option").each(function (){ 
var txt = $(this).text(); 
if(txt.toLowerCase().indexOf(str.toLowerCase()) >-1){ 
arr.push({val:txt,html:txt}); 
if(++cnt >= top){ 
return false;//jquery中 跳出循环为return false,相当于breakcontinue为return ture 


 }); 
return arr; 

</script> 

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

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