可選/可聚焦輸入字段，不可寫入

我有一個選擇在引導模式中，但是當我顯示它並調用$('#select_value').select2();時，輸入字段不可寫。它是可選/可調的，但現在可寫... 我最初發現z-index有一些問題，但由於它是可選的，我不認爲這是一個索引問題。可選/可聚焦輸入字段，不可寫入

這是我的html：

<div class="modal fade bs-modal-sm" id="small" tabindex="-1" role="dialog" aria-hidden="true"> 
      <div class="modal-dialog modal-sm"> 
       <div class="modal-content"> 
        <form> 
         <div class="modal-header"> 
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button> 
          <h4 class="modal-title">Select</h4> 
         </div> 
         <div class="modal-body"> 
          <select id='select_value' class="form-control select2me" required> 
           <option></option> 
           <option value='v1'>V1</option> 
           <option value='v2'>V2</option> 
           <option value='v3'>V3</option> 
           <option value='v4'>V4</option> 
          </select> 

         </div> 
         <div class="modal-footer"> 
          <button type="submit" class="btn blue btn-save">Save changes</button> 
         </div> 
        </form> 
       </div> 
       <!-- /.modal-content --> 
      </div> 
      <!-- /.modal-dialog --> 
     </div>

我也試圖改變插件讓德同樣的結果，但我得到了同樣的問題... 這是我嘗試使用：

Select2
BSelect

來源

2015-02-24 Yuri

把你的代碼提琴請 – sakir 2015-02-24 11:09:18

能很好地去除tabindex="-1" .....顯然似乎在搗鼓工作... ...：\ HTTP：//的jsfiddle。 net/t3nckdfj/ 你有什麼想法可能會導致這種奇怪的行爲？ – Yuri 2015-02-24 14:18:22

我解決了它。我正在使用外部插件來阻止用戶界面，我不知道爲什麼，這個插件阻止了任何字段的輸入... – Yuri 2015-02-25 09:03:19

請儘量引導腳本後的某個位置添加這個腳本

<script type="text/javascript"> $.fn.modal.Constructor.prototype.enforceFocus = function() {}; </script>

或嘗試在你的模式

來源

2015-10-13 18:09:06

可選/可聚焦輸入字段，不可寫入

回答

相關問題