동적 입력에 selectpicker 추가

Question

Laravel을 사용하고 있습니다. 내 컨트롤러 내에서 내보기에 질문 목록을 전달합니다. 그런 다음 표시합니다.

이제 이러한 입력 중 일부는 select 유형 및 selectpicker로 설정된 클래스를 갖습니다. 이제는 보통 selectpicker를 설정하기 위해 이와 비슷한 것을 사용합니다.

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

그러나 DOM 후에 추가되기 때문에 작동하지 않습니다. 나는 온라인으로 수색을하고 이와 같은 제안을 시도했다.

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

그러나 위의 것은 효과가없는 것처럼 보인다. 어떻게 동적으로 추가 된 요소에서 selectpicker를 사용할 수 있습니까?

감사

는

Answer 1

당신은 = 선택,이 HTML이 작동하지 않는, 즉 유형의 입력 요소를 사용할 수 없습니다

이

<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>