Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery UI自动完成相同字段的不同呈现项结果_Javascript_Jquery_Jquery Ui_Autocomplete - Fatal编程技术网

Javascript Jquery UI自动完成相同字段的不同呈现项结果

Javascript Jquery UI自动完成相同字段的不同呈现项结果,javascript,jquery,jquery-ui,autocomplete,Javascript,Jquery,Jquery Ui,Autocomplete,我有如下jQueryUI自动完成设置 $(".zipcode").autocomplete({ source:'index.php?someParams', minLength: 1, autoFocus : true, select : function(event, ui) { var prefix = Some Prefix Crite

我有如下jQueryUI自动完成设置

 $(".zipcode").autocomplete({
            source:'index.php?someParams',
            minLength: 1,
            autoFocus : true,
            select : function(event, ui)
            { 
                var prefix = Some Prefix Criteria;
                var item = ui.item;
                if(item) {
                    $("#"+prefix+"_zip_id").val(item.id);
                    $("#"+prefix+"_zip").val(item.value);               
                }
            }
        }) 
        .data( "ui-autocomplete" )._renderItem = function( ul, item ) {
              return $( "<li>" ).append( "<a>" + item.label + "<br>" + item.state + "</a>" ).appendTo( ul );
        };
$(“.zipcode”).autocomplete({
来源:'index.php?someParams',
最小长度:1,
自动对焦:对,
选择:功能(事件、用户界面)
{ 
var prefix=某些前缀标准;
var item=ui.item;
如果(项目){
$(“#”+前缀+“_zip_id”).val(item.id);
$(“#”+前缀+“_-zip”).val(item.value);
}
}
}) 
.data(“ui自动完成”)。\u renderItem=功能(ul,项目){
返回$(“
  • ”).append(“+item.label+”
    “+item.state+”).appendTo(ul); };
  • 问题是我在页面上有两个字段使用autocomplete for zip。它在第一次自动完成时使用renderItem更改进行渲染,而在第二次自动完成时不触发数据renderItem

    我在使用ID而不是类ID时也遇到了一些问题

    $(“开始”、“结束”)


    如果我是你,我会这样使用它:

    $(".zipcode").each(function (i, el) {
        el = $(el);
        el.autocomplete({
            source:'index.php?someParams',
            minLength: 1,
            autoFocus : true,
            select : function(event, ui)
            { 
                var prefix = Some Prefix Criteria;
                var item = ui.item;
                if(item) {
                    $("#"+prefix+"_zip_id").val(item.id);
                    $("#"+prefix+"_zip").val(item.value);               
                }
            }
        }) 
            .data( "ui-autocomplete" )._renderItem = function( ul, item ) {
                return $( "<li>" ).append( "<a>" + item.label + "<br>" + item.state + "</a>" ).appendTo( ul );
            };
    
    });
    
    $(“.zipcode”)。每个(函数(i,el){
    el=$(el);
    自动完成({
    来源:'index.php?someParams',
    最小长度:1,
    自动对焦:对,
    选择:功能(事件、用户界面)
    { 
    var prefix=某些前缀标准;
    var item=ui.item;
    如果(项目){
    $(“#”+前缀+“_zip_id”).val(item.id);
    $(“#”+前缀+“_-zip”).val(item.value);
    }
    }
    }) 
    .data(“ui自动完成”)。\u renderItem=功能(ul,项目){
    返回$(“
  • ”).append(“+item.label+”
    “+item.state+”).appendTo(ul); }; });