jQuery中的联想功能实现
程序员文章站
2022-07-13 21:04:19
...
有个问题没有解决,就是当用户输入后,出现联想框,但是用户没有点击回车进行选择,则取不到对应的value值
必须引入min包
jquery-ui.min.js
shopList为后台查询的结果
var availableTags = ${shopList};
#store为联想输入框的ID
$("#store").autocomplete({
minLength:2,
source: availableTags,
search:function(event,ui){
$(".ui-helper-hidden-accessible").css('display','none');
},
focus: function(event, ui) {
$("#store").val(ui.item.label);
return false;
},
select: function(event, ui) {
$("#store").val(ui.item.label);
$("#shopName").val(ui.item.label);
return false;
}
}).autocomplete("instance")._renderItem = function(ul, item) {
return $("<li>").append("<a>" + item.label + "</a>").appendTo(ul);
};
必须引入min包
jquery-ui.min.js
shopList为后台查询的结果
var availableTags = ${shopList};
#store为联想输入框的ID
$("#store").autocomplete({
minLength:2,
source: availableTags,
search:function(event,ui){
$(".ui-helper-hidden-accessible").css('display','none');
},
focus: function(event, ui) {
$("#store").val(ui.item.label);
return false;
},
select: function(event, ui) {
$("#store").val(ui.item.label);
$("#shopName").val(ui.item.label);
return false;
}
}).autocomplete("instance")._renderItem = function(ul, item) {
return $("<li>").append("<a>" + item.label + "</a>").appendTo(ul);
};
上一篇: 如何让CentOS支持显示中文
下一篇: [转]C++验证IP是否可以PING通