自动填充文本框的简单方法

Question

航空公司搜索

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

Answer 1

您可以使用selectize.js创建自动完成功能。使用起来真的很简单，只需创建一个带有选项的HTML select，并为其指定一个ID，然后将此ID传递给selectize。

例如：

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

js

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

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

了解更多详细信息：https://selectize.github.io/selectize.js/