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,相当于break, continue为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个选项,可输入多个字符查找具体的选项。