Selectpicker 동적으로 생성을 선택

내가 부트 스트랩 - 선택 여러 선택을 가진 형태로 사용하고 있습니다,하지만 난 복제하거나 새로운 ID와 같은 클래스 및 사용과 새로운 선택 만들

$(".selectpicker").selectpicker("render"); or 
$(".selectpicker").selectpicker("refresh");

을하고 새로운 선택 아무튼를 업데이 트를 얻을, 나는 또한 일반적인 선택과 부트 스트랩 - 변경 ID와 데이터 ID 및 $(".selectpicker").selectpicker("refresh");을 선택 복제를 시도하지만 이것은 작동하지 않습니다.

어떻게 수행 할 수 있습니까?

UPDATE

이 기본적으로 내가 여기 내가 테이블과 양식을 가지고, 장고의 formset을 사용하고, 기본 HTML입니다 각 행은 입력과 선택과 새로운 형태의 인스턴스입니다.

<tr class="dynamic-form"> 
<td class="" style="text-align: center"> 
    <input type="number" name="caracteristicas-0-ORDER" value="1" id="id_caracteristicas-0-ORDER"> 
</td> 
<td class="" style="text-align: center"> 
    <select name="caracteristicas-0-caract" data-live-search="true" class="form-control selectpicker" id="id_caracteristicas-0-caract" style="display: none;"> 
    <option value="1" selected="">Nombre</option> 
    <option value="2">Ref</option> 
    <option value="3">Modelo</option> 
</select> 
</td>

은 자바 스크립트가 기본적으로 이것이다 : 당신이 사용하는 경우

row = tr.clone(true);

가 clone(true) 당신이 얻을 : 모든 라이브러리 코드를 읽은 후

---- onClickButton ---- 
row = tr.clone(true); <----- this was the problem 
/* clear values, change id's, etc. */ 
row.insertBefore(lastRow).show(); 
row.find('.bootstrap-select').remove(); 
$('.selectpicker').selectpicker("render");

출처

2017-11-04 Alejandro Henriquez

당신이 당신의 질문에 관련 자바 스크립트와 HTML을 할 수 있나요? –

새로운 원시 HTML 선택 상자를 추가 한 후'$ (". selectpicker"). selectpicker()를 호출하여 새 요소에 대한 플러그인을 초기화해야 할 것입니다. – DelightedD0D

아니요, 작동하지 않습니다. 셀렉터가 작동하여 새로운 html 셀렉션을 찾았지만 부트 스트랩 선택에 의해 업데이트되지 않습니다. –

, 문제는이 줄을이었다 요소의 사본 및 모든 이벤트 핸들러 등. 당신은 ele의 깨끗한 사본을 얻을 필요가있다. ment 구조 만.

그래서 해결책은 다음과 같습니다

row = tr.clone();

출처

2017-11-04 16:12:53

Selectpicker 동적으로 생성을 선택

답변

관련 문제