jQuery UI自动完成按钮单击

Question

我有一个文本字段，在该文本字段上，我一直保持自动完成的状态，就像超级按钮一样。 现在，我希望单击相同的按钮，而不是在文本框中键入某些内容，然后单击它显示与自动完成相同的匹配数据，这有可能吗？

这是我尝试过的方法，它向我显示没有错误，也没有任何结果显示在控制台中。

var availableTags = [
  {
    "id": 1,
    "value": "hr@test.com",
    "label": "Test HR"
  },
  {
    "id": 2,
    "value": "demo@demo.com",
    "label": "Demo demo"
  }
];

我的jQuery代码

$( "#search-btn" ).click(function() {
        $( "#domain-field" ).autocomplete({
        source: availableTags
        });
    });

我的HTML代码

<form id='homepage-form'>
               <div class='input-group'>
                  <input type="text" required="required" placeholder="keywords" id="domain-field" class="form-control input-lg" autofocus="autofocus" autocomplete="off">
                  <span class='input-group-btn'>
                  <button class='orange-btn' data-loading='none' id='search-btn' type='button'>
                  <span class='hidden-xs'>Find email addresses</span>
                  <span class='visible-xs'>Search</span>
                  </button>
                  </span>
               </div>
            </form>

谁能告诉我我要去哪里错了？

Answer 1

你可以试试看。

$( "#search-btn" ).click(function() {
    $("#domain-field").data("uiAutocomplete").search($("#domain-field").val());
});

这显然是在较新版本的jQuery ui中执行此操作的方法。