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

你可以试试这个。

<table id="myTable" class="fit">
  <tr>
    <td>some</td>
    <td>nice</td> 
    <td>text</td>
  </tr>
  <tr>
    <td>
      <input value="some"/>
    </td>
    <td>nice</td> 
    <td>
      <select>
        <option>option</option>
      </select></td>
  </tr>
</table>

这显然是在更新版本的jQuery ui中实现它的方法。

单击按钮时，jquery ui自动完成

1 个答案: