jquery 的autocomplete做combobox的多选怎么解决

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery 的autocomplete做combobox的多选怎么解决相关的知识,希望对你有一定的参考价值。

参考技术A 前我遇问题要使用onChange使用loader我用J2EE知道用环境体差主要JShtml部试试:

需求:1、每输入字符读取数据库查询15条近似数据2、读数据按、键+车键进行选择

javascript
//easyUI combobox要使用onChange做读取数据库操作BUG建议使用loader
var btsloader = function(param,success,error)

//获取输入值
var q = param.q || "";

//处qlength代表输入少字符始查询
if(q.length <= 0) return false;
$.ajax(
url:"/jsonObj/costAction_getJSONCostList",
type:"post",
data:
//传值JSON数据
searchName:q
,

//重要写jsonp报转换错误处写都
dataType:"json",
success:function(data)

//关键步骤遍历MAP象
var items = $.map(data.rows, function(item)
return
id:item.id,
name:item.text
;
);

//执行loadersuccess
success(items);
,

//异处理
error:function(xml, text, msg)
error.apply(this, arguments);

);
;

【HTML】
<input id="costId" name="costId" class="easyui-combobox" style="width:250px;" data-options="
loader: btsloader,
mode: 'remote',
valueField: 'id',
textField: 'name'" />

【JAVA】public String getJSONCostList() throws UnsupportedEncodingException, JSONException
List<HashMap> jsonArr = new ArrayList<HashMap>();
List list = costService.searchCosts(0, 14, searchName);
for(Cost c: list)
HashMap hm = new HashMap();
hm.put("id", c.getId());
hm.put("text", c.getBtsName());
jsonArr.add(hm);

HashMap hm = new HashMap();
hm.put("rows", jsonArr);
result = JSONObject.fromObject(hm);
return "ajax";


【struts.xml】

result

传入JSON Object举例: "rows":["id":1,"text":"基站1","id":2,"text":"基站2"]
参考技术B 每个都对,每个都不对,综合考金融jquery 的autocomplete做combobox的多选怎么解决本回答被提问者采纳

以上是关于jquery 的autocomplete做combobox的多选怎么解决的主要内容,如果未能解决你的问题,请参考以下文章

JQuery 插件 autocomplete

jquery autocomplete文本自己主动补全

怎么做百度搜索的下拉框?

Jquery AutoComplete的使用方法实例

jquery autoComplete 插件

jQuery.Autocomplete实现自动完成功能(详解)