首先,加载jQuery的,liquidmetal.js,和jquery.flexselect.js插件:
<script src="jquery.min.js" type="text/javascript"></script> <script src="liquidmetal.js" type="text/javascript"></script> <script src="jquery.flexselect.js" type="text/javascript"></script>
现在,让我们将它附加到您的选择框:
<pre> jQuery(document).ready(function() { jQuery("select.flexselect).flexselect(); }); </pre>
这将选择元素的类flexselect:
<select class="flexselect" id="president name="president"> <option value="1">George Washington</option> <option value="2">John Adams</option> <option value="3">Thomas Jefferson</option> ... </select>
变成一个彻头彻尾的autocompleting文本框使用flex匹配支持。