javascript - 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 中执行此操作的方法。