Javascript jQuery自动完成用户界面不完整

Javascript jQuery自动完成用户界面不完整,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,Ajax对autocomplete的调用成功地转到服务器获取值,并填充到具有错误UI的文本框中 $(function() { console.log("ready!"); $("#stateCode") .autocomplete( { minLength : 1,

Ajax对autocomplete的调用成功地转到服务器获取值,并填充到具有错误UI的文本框中

$(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