欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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);   
};