从下拉列表中自动完成文本字段中的类型答案

【问题标题】：Auto complete type in text field from a dropdown从下拉列表中自动完成文本字段中的类型
【发布时间】：2016-03-04 17:50:12
【问题描述】：

我不知道这是否简单。我要解决的是，那里有一个下拉“选择”表单字段，下面是另一个“输入类型=“文本””字段。 “选择下拉菜单”中有一些选项。当我在“输入类型=“文本””字段下方输入时，上面的“选择”下拉字段应该有一些建议（如自动完成）。有什么帮助吗？

【问题讨论】：

标签： javascript jquery html

【解决方案1】：

您可以将普通的<select> 标签与Select2 一起使用：

$(function () {
  $("select").select2({
    width: 250
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/js/select2.full.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/css/select2.min.css" />
<select name="" id="">
  <option value="item-1">Item 1</option>
  <option value="item-2">Item 2</option>
  <option value="item-3">Item 3</option>
  <option value="item-4">Item 4</option>
  <option value="item-5">Item 5</option>
  <option value="entry-1">Entry 1</option>
  <option value="entry-2">Entry 2</option>
  <option value="entry-3">Entry 3</option>
  <option value="entry-4">Entry 4</option>
  <option value="entry-5">Entry 5</option>
  <option value="option-1">Option 1</option>
  <option value="option-2">Option 2</option>
  <option value="option-3">Option 3</option>
  <option value="option-4">Option 4</option>
  <option value="option-5">Option 5</option>
</select>

【讨论】：