Question

jquery autocomplete 控件问题

jquery autocomplete 绑定onkeyup 事件 输入字符之后 必须删除那个字符 按空格 才出来下拉框

//动态填充
function AutoFillKey() {
var keyWords = $("#complaint").val();
////改变绑定的内容
//if (keyWords.length == 1 ) {
// $("#complaint").val(keyWords);
// //$("#TxtAuto").unautocomplete();
$.ajax({
type: "POST",
url: "@Url.Action("GetChiefComplaintByKeyWord_post", "admin")?keyCode="+GetKeyWord($("#complaint").val()),
data: { "keyCode": keyWords },
dataType: "json",

error: function (data) {
alert("请求失败：" + data.responseText);
},
success: function (data) {
AutoCompleteKey(eval("data"));
}
});
//} //end if
}
function AutoCompleteKey(data) {
//填充开始

$("#complaint").autocomplete(data, {

max: 20, //列表里的条目数
minChars: 1, //自动完成激活之前填入的最小字符
width: 350, //提示的宽度，溢出隐藏
position: 'absolute',
scrollHeight: 200, //提示的高度，溢出显示滚动条
matchContains: true,//包含匹配，就是data参数里的数据，是否只要包含文本框里的数据就显示
mustMatch:false,
margin: 0,
autoFill: false, //自动填充
//minChars: 1,
//width: 640,
//autoFill: false,
//matchContains: true,
//selectFirst: false,
//scrollHeight: 220,

//scroll: true,
formatItem: function (row, i, max) {
//显示的值
return i + "/" + max + ": \"" + row.value + "\" [" + row.text + "]";
},
formatMatch: function (row, i, max) {
//查找匹配的值
return row.value + " " + row.text;
},
formatResult: function (row) {
//选中后的值
return row.text;
}
});
//填充结束
}
<textarea name="complaint" id="complaint" rows="2" cols="30" class="input" datatype="*0-255" sucmsg=" " onkeyup="AutoFillKey()" ></textarea> 这个是页面调用

Answer 1

这个控件我以前用过，你出现这样的问题，是不是你下拉框里面有汉字选项，如果全是英文的，是没有问题的。如果真想用这控件，你需要修改它的源码

追问

这个控件 不怎么好用啊？你有没有好用的啊？给我 我给你加分 没有的话 教教我该怎么改 好吗

追答

其实easyui的combobox有这样的效果，在下拉框里输入数据，会自动检索下拉列表，具体怎么配的，我忘了，两年前弄的，不好意思，我十一放假，没时间帮你弄了