在Bootstrap模態窗口中選擇在Firefox中不起作用

Question

我想創建一個模式窗口，在該窗口中，我從表單選擇中選擇一個選項，並將其傳遞給其他功能。 問題是，當選擇列表下拉時，我無法更改選擇的選項。 僅在Firefox中會出現此問題。 在Chrome瀏覽器中，效果似乎不錯。

以下是我在應用程序中使用的代碼。 除了Bootstrap的選擇之外，我沒有任何其他樣式或腳本。

 <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"> Launch </button> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="static"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <h4 class="modal-title" id="myModalLabel">Modal title</h4> </div> <div class="modal-body"> <div> <select class="form-control" > <option selected>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary" id='generate'>Generate</button> </div> </div> </div> </div> 

Answer 1

我刪除了模態的屬性tabindex="-1" （或設置為0），並添加了javascript：

$.fn.modal.Constructor.prototype.enforceFocus = $.noop;

https://github.com/select2/select2/issues/4091#issuecomment-172633858->

解決方案 ： https : //github.com/select2/select2/issues/600#issuecomment-102857595