自动完成文本框简单方法

【问题标题】：Autocomplete Text box Simple way自动完成文本框简单方法
【发布时间】：2018-07-18 11:49:51
【问题描述】：

航空公司搜索

我正在创建一个允许搜索航班可用性的网页，为此，我想为 FROM 和 TO 目的地设计自动完成文本框，并且默认情况下必须选择搜索自动完成的第一个选项。我使用了 html5 datalist 属性，不幸的是，它只提供了有限的 css 属性。我搜索了很多相同的方法，但都是非常复杂的方法。任何人都可以通过提供一些简单的方法或适当的链接来提供帮助。

【问题讨论】：

标签： javascript html css jquery-ui-autocomplete

【解决方案1】：

您可以使用 selectize.js 来创建自动完成功能。使用起来真的很简单，只需创建一个带有选项的 HTML 选择，并给它一个 id，然后在 selectize 中传递这个 id。

例如：

<select id="fromInput">
  <option value="nyk">New york</option>
  <option value="sf">San Francisco</option>
</select>

   var select = $('#fromInput').selectize({
        create: true,
        sortField: 'text'
    });

  //setting default value
  $select[0].selectize.setValue("nyk");

【讨论】：