Javascript 设置jquery ui自动完成的默认选择时出现问题

Javascript 设置jquery ui自动完成的默认选择时出现问题,javascript,jquery,jquery-ui-autocomplete,Javascript,Jquery,Jquery Ui Autocomplete,我正在尝试设置自动完成“#lov”的默认值,当网页以这种方式加载时: $(document).ready(function(){ $('#lov').on("autocompletecreate", function(event, ui){ $(this).autocomplete('search','AGROCHEMIJA'); var menu = $(this).autocomplete("widg

我正在尝试设置自动完成“#lov”的默认值,当网页以这种方式加载时:

    $(document).ready(function(){
    
      $('#lov').on("autocompletecreate", function(event, ui){
        $(this).autocomplete('search','AGROCHEMIJA');
        var menu = $(this).autocomplete("widget");
        $(menu[0].children[0]).click();
      });
    
      $('#lov').autocomplete({
        source: "search.php",
        minLength: 2,
        select: function(event, ui){
          console.log(`${ui.item.id} ${ui.item.label}`);
        }
      });
      
    });
但是,似乎方法click()不起作用,菜单框仍挂在页面上:

当我将此代码添加到created:callback函数中时也会发生同样的情况。 我发现将默认值设置为“自动完成”的唯一方法是在网页加载一秒钟后运行此代码:

    setTimeout(function(){
      $('#lov').autocomplete('search','AGROCHEMIJA');
      var menu = $('#lov').autocomplete("widget");
      $(menu[0].children[0]).click();
    }, 1000);
但这对我来说不是个好办法

也许有人知道解决这个问题的方法