使用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" ，一切都會好起來的 。

希望威爾能幫上忙。