最近因项目需求,要新增一个下拉框选项(可输入,并自动匹配),并且要求能支持低版本IE浏览器。去网上找了很多资料发现要么没有效果,要么就是一大堆代码,并不符合我的需求。
不多说,直接上代码。
JSP:
<table class="table_inline">
<td class="td_other">款式编码:</td>
<td class="td_other"><input type="text" id="ksbm">
<!-- <datalist id="codes">
</datalist> -->
</td>
</table> $.post("URL",function(reslut){
var data= eval("("+reslut+")");
$("#ksbm").autocomplete(data,{
max:10000,
matchContains:true,// 输入自动匹配
minChars:0
});
});后台代码:
public void getAllCodes() throws IOException {
request.setCharacterEncoding("utf-8");
response.setContentType("text/html;charset=utf-8");
PrintWriter out = response.getWriter();
List<String> list = qs.getCodes();
out.write(URLDecoder.decode(JSONArray.fromObject(list).toString(),"utf-8"));
out.flush();
out.close();
}效果图:


由于我的IE版本实在太低,所有没有下拉效果。但我在win10自带的IE浏览器中试了是有下拉效果的。
希望能帮到各位!(注意:需要引入 jquery.autocomplete.js)
版权声明:本文为shunyache3481原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。