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

Question

航空公司搜索

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

Answer 1

您可以使用selectize.js创建自动完成功能。 它的使用非常简单，只需创建一个带有选项的HTML select，并为其指定一个ID，然后在selectize中传递此ID。

例如：

<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/