將selectpicker添加到動態輸入

Question

我正在使用Laravel。在我的控制者之內，我通過我的觀點列出了一些問題。然後我顯示之類的東西，以便

@foreach($questions as $q) 
    <div class="col-xs-12"> 
     <input type="{{ $q["type"] }}" class="form-control {{ $q["class"] }}"> 
    </div> 
@endforeach 

現在一些這些輸入有一個類型選擇，並且一個類，然後將其設置爲selectpicker。現在通常，設置selectpicker我會用這樣的

$(function() { 
    $('.selectpicker').selectpicker(); 
}); 

但因爲它是在DOM後添加這是行不通的。我在網上搜索，並嘗試這樣的建議

$('body').on('focus',".selectpicker", function(){ 
    if($(this).hasClass('selectpicker') === false) { 
     $(this).selectpicker({ 
      liveSearch: true 
     }); 
    } 
}); 

但是，上述似乎並沒有工作。我怎樣才能讓selectpicker處理動態添加的元素？

感謝

Answer 1

不能使用輸入元素與類型=選擇，即這個網站不起作用：

<input type="select" class="form-control selectpicker"> 

的正確的HTML代碼選擇元素是：

<select class="form-control selectpicker"> 
    <option>Option 1</option> 
    <option>Option 2</option> 
    <option>Option 3</option> 
</select>