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


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值