Question

当你使用select2（下拉jquery框架）时，你可以使用jquery制作精美的下拉列表。

正如您所看到的，单个选择框有一个单独的搜索框，但是多选框的内联搜索框。

是否有可能在多选中添加单独的搜索框？

＆＃13;

$(".my-dropdown").select2();

＆＃13;

.my-dropdown{
  width: 50%;
  clear: both;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>

<select class="my-dropdown" multiple="multiple">
    <option value="AL">Alabama</option>
    <option value="WY">Wyoming</option>
</select>

<br /><br /><br />

<select class="my-dropdown">
    <option value="AL">Alabama</option>
    <option value="WY">Wyoming</option>
</select>

＆＃13;

Answer 1

我今天遇到类似的问题，试图找到一些配置属性，该属性将为我轻松解决，但显然仍然没有可用的属性。所以我看了一下源代码并...

只需进行2次调整即可使其生效。我使用的是当前版本 Select2 4.0.6-rc.1 。我编辑了以下几行：

：4768摆脱条件，并使用SearchableDropdown进行单选和多选选择

var SearchableDropdown = Utils.Decorate(Dropdown, DropdownSearch); options.dropdownAdapter = SearchableDropdown;

〜：4832对此块进行注释，以避免在选择输入内容内添加搜索功能

  // if (options.multiple) {
  //   options.selectionAdapter = Utils.Decorate(
  //     options.selectionAdapter,
  //     SelectionSearch
  //   );
  // }

就这样：）

在select2 multiselect中显示单独的搜索框

1 个答案: