Select2 默认搜索框不起作用

Posted 2023-05-07

【中文标题】Select2 默认搜索框不起作用

【英文标题】：Select2 default search box not working

【发布时间】：2016-10-24 11:17:08

【问题描述】：

我正在使用 select2 js 我只是使用默认功能，但默认搜索框以禁用模式显示。我无法在其中输入任何内容。

我的代码是

<select id="type" name="type" class="form-control select2-use">
    <option value="">select type</option>
    <option value="U">User</option>
    <option value="A">Admin</option>
</select>

$('.select2-use').select2(
    placeholder: "Select",
    allowClear: true
);

我在我的 html 页面中包含了 select2.min.css 和 select2.min.js。

没有js错误。

我在加载 HTML 页面的 Bootstrap 模态 div 中使用它

【问题讨论】：

你能复制到snippet或fiddle吗？

对我来说效果很好，看看这个：jsfiddle.net/40eemy84/9

@TeutaKoraqi 对我也有用，除了搜索框

你能提供一个小提琴吗？

@TeutaKoraqi 我在加载 HTML 页面的 Bootstrap 模态 div 中使用它

【参考方案1】：

您的代码看起来不错：https://jsfiddle.net/3tfjn9zb/1/

您是否在引导模式中使用它？如果是这样：尝试从模态 div 中删除 tabindex="-1"。

【讨论】：

我也尝试过，但没有成功

您能否就您的问题向我们提供更多背景信息？您是否在特定的 div/页面中使用它？正如您在 Fiddle 中看到的，您的代码没有任何问题（如果您包含 jquery、select2 css 和 js）。

我在加载 HTML 页面的 Bootstrap 模态 div 中使用它

我在模态中重新创建了它。如您所见，一切正常，重要的是删除tabindex="1" watch the example here

【参考方案2】：

只需添加您的 Js 文件

$('select').select2();