使用Select2禁用自动完成输入

Question

我正在使用SELECT2执行自动填充

<select  class="js-example-basic-single" id="existeField">
    <option value="" disabled selected>Selectionnée le
                                    champs</option>
    <option th:each="fields: ${listFields}" th:value="${fields.id}"
        th:data-jira="${fields.idJira}" th:data-type="${fields.type}"
        th:data-defaut="${fields.value}" th:text="${fields.nom}">
   </option>
</select> 



<script>
    $(document).ready(function() {
        $(".js-example-basic-single").select2();   

    });
</script>

并且禁用了输入，设计也不是很好

Answer 1

问题不在SELECT2中，而在模态中（它是标准的引导程序模态）

模态

  <div class="modal fade" id="exampleModal" name="exampleModal"
                tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
                aria-hidden="true">
                <div class="modal-dialog" role="document">

  ....

解决方案是简单地删除tabindex="-1"，一切都会确定。

希望对您有所帮助。