使用带有引导模式的 select2 库禁用搜索

Question

我正在尝试使用 php 在我的页面中使用 select2 库，一切都工作完美，甚至表现良好，但问题是我无法搜索任何内容，默认情况下禁用搜索，这是我使用这个库的主要原因。

<https://jsfiddle.net/udp3qq7t/5/

Answer 1

我没有发现您的代码有任何问题。这是我从您的代码中提取的选择两个的工作演示。

<select class="scselect" name="cname">
    <option>Select</option>
    <option>Pakistan</option>
    <option>Dubai</option>
    <option>Bangladesh</option>
</select>
<script>
$(document).ready(function() {
    $(".scselect").select2({});
});
</script>

JSfiddle

确保 PHP 代码不会破坏您的输出

Answer 2

我已经通过 Select2 在嵌入引导模式时不起作用解决了这个问题 post.By（从模式中删除 tabindex="-1"）

Answer 3

使用此代码。这对我有用。

$(function(){ 
    $('.select2-dropdown').select2({
       dropdownParent: $("#partial-view-popup") 
    }); 
});