一个项目中需要用到下拉框,可是下拉框的内容较多而且不断增长,刚开始想直接用个input,可查询结果必须是精确的,不能做模糊查询,于是乎想到了可搜索功能的下拉框,找了一番质料,终于找到了我想要的,也是最简单的
1.需要准备jquery.flexselect,上网收一下即可
2.引用
<link rel="stylesheet" href="<%=basePath%>/lib/jquery/flexselect/flexselect.css" type="text/css" media="screen" />
<script src="<%=basePath%>/lib/jquery/jquery.min.js" type="text/javascript"></script>
<script src="<%=basePath%>/lib/jquery/flexselect/liquidmetal.js" type="text/javascript"></script>
<script src="<%=basePath%>/lib/jquery/flexselect/jquery.flexselect.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
$("select[class*=flexselect]").flexselect();
});
</script>
<body>
...
<select name="confIds" id="confIds" class="flexselect">
<option value="123">123</option>
<option value="1">1</option>
</select>
</body>
3.完成了