Javascript jQuery自动完成用户界面不完整
Ajax对autocomplete的调用成功地转到服务器获取值,并填充到具有错误UI的文本框中Javascript jQuery自动完成用户界面不完整,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,Ajax对autocomplete的调用成功地转到服务器获取值,并填充到具有错误UI的文本框中 $(function() { console.log("ready!"); $("#stateCode") .autocomplete( { minLength : 1,
$(function() {
console.log("ready!");
$("#stateCode")
.autocomplete(
{
minLength : 1,
autoFocus : true,
source : function(request, response) {
var jsonstring = "";
$
.ajax({
type : "POST",
url : "masterstate.do?dispatch=getStatesAutocomplete",
data : {
'statename' : request.term
},
success : function(data) {
jsonstring = data.trim();
var name = request.term;
var data = $
.grep(
JSON
.parse(jsonstring),
function(e) {
return e.state_name
.indexOf(name) > -1
});
response(data);
},
error : function() {
alert("No State names found");
}
});
},
focus : function(event, ui) {
$("#stateName").val(ui.item.name);
return false;
},
select : function(event, ui) {
$("#stateName").val(ui.item.state_name);
$("#stateCode").val(ui.item.state_code);
return false;
}
}).autocomplete("instance")._renderItem = function(
ul, item) {
return $("<li>").append("<a>" + item.state_name + "</a>")
.appendTo(ul);
};
});
$(函数(){
console.log(“准备就绪!”);
$(“#州代码”)
.自动完成(
{
最小长度:1,
自动对焦:对,
来源:功能(请求、响应){
var jsonstring=“”;
$
.阿贾克斯({
类型:“POST”,
url:“masterstate.do?dispatch=getStatesAutocomplete”,
数据:{
“statename”:request.term
},
成功:功能(数据){
jsonstring=data.trim();
var name=request.term;
风险值数据=$
格雷普先生(
JSON
.parse(jsonstring),
职能(e){
返回e.state\u名称
.indexOf(名称)>-1
});
答复(数据);
},
错误:函数(){
警报(“未找到状态名称”);
}
});
},
焦点:功能(事件、用户界面){
$(“#stateName”).val(ui.item.name);
返回false;
},
选择:功能(事件、用户界面){
$(“#stateName”).val(ui.item.state_name);
$(“#状态代码”).val(ui.item.state_代码);
返回false;
}
}).autocomplete(“实例”)。\u renderItem=函数(
保险商实验室,项目){
返回$(“”)。追加(“+item.state\u name+”)
.附录(ul);
};
});
只是截图没有帮助,发布一些代码或复制示例。您添加了jquery-ui.css吗?Firebug在您的截图中显示错误,这些是什么?这些不是所谓的错误。这些是html代码行。我添加了jquery-ui.css