<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個選項,可輸入多個字元尋找具體的選項。