input动态下拉框,支持IE

        最近因项目需求,要新增一个下拉框选项(可输入,并自动匹配),并且要求能支持低版本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版权协议,转载请附上原文出处链接和本声明。