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



版权声明:本文为shangzhiliang_2008原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。