jQuery UI autocomplete 的模板和 select选择只能使用一次的解决方案

  $("#id").autocomplete({
    source : function(request, response) {
         $.ajax({
                   url:"/ips/get_customername_list/",
                   data:{name:$('#id').val()},
                   type:'POST',
                   success:function(data){
		  response($.map(resp.data, function(item) {
		    return {
		      value : item.name,
		      label : item.name,
		      id : item.id
		    };
		  }));
		  $('.ui-autocomplete.ui-menu').css("z-index", '99999999');
                   }
               });
    },
    select : function(event, ui) {//选择的处理逻辑
      $(".class").val(ui.item.id);
      $(".class").val(ui.item.label);
    },
    autoFill : true,
    selectFirst : true,
    autoFocus : true
  });

具体参数使用和js引入可以查看

https://jqueryui.com/autocomplete/
https://blog.youkuaiyun.com/spw55381155/article/details/79891308

自动补全下拉框点击只有一次有效？
问题描述：页面中多个自动补全，存在切换列表，异步请求数据。不是整个页面刷新，只是数据列表页刷新。
解决方案：我测试时候发现，只要是整个页面全刷新就不会存在这种情况。所以我想到的解决方案是切换列表的时候重新初始话autocomplete，但是没有效果。最后我试了 先销毁已经初始话的对象，然后再重新初始话。

$("#id").autocomplete("destroy");