Javascript 自动完成文本框的简单方法

航空公司搜索

我正在创建一个允许搜索航班可用性的网页， 为此，我想为“发件人”和“收件人”目的地设计“自动完成”文本框，默认情况下，搜索“自动完成”中的第一个选项必须选中。

---

我使用了html5数据列表属性，不幸的是，它只提供有限的css属性。我搜索了很多相同的方法，但都是非常复杂的方法。任何人都可以通过提供一些简单的方法或适当的链接来提供帮助。

您可以使用selectize.js创建自动完成。它的使用非常简单，只需创建一个带有选项的HTML select，并给它一个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");