Javascript Jquery UI自动完成相同字段的不同呈现项结果
我有如下jQueryUI自动完成设置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
$(".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);
};
});