Question

我不知道它是简单还是不简单。我想要解决的是，有一个下拉“选择”表单字段，另一个“输入类型=”文本“”字段在下面。 “选择下拉列表”中有一些选项。当我输入下面的“input type =”text“”字段时，应该从上面的“选择”下拉字段（如自动完成）中得到一些建议。有帮助吗？

Answer 1

您可以将正常<select>标记与Select2：

一起使用

＆＃13;

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

＆＃13;

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

＆＃13;

从下拉列表中自动填写文本字段中的类型

1 个答案: