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