2013-07-03 3 views
1

추가 드롭 다운 기능을 위해 부트 스트랩 선택 기능을 사용하고 있습니다. http://silviomoreto.github.io/bootstrap-select/활성 속성 무시 부트 스트랩 선택

내 렌더링 된 HTML에서 선택한 항목을 선택하지 않는 것 같습니다.

<select id="test-period" class="selectpicker show-tick pull-right"> 
<option value="yesterday">Yesterday</option> 
<option value="lastupdate">Last update</option> 
<option value="today">Today</option> 
<option value="weektodate" active>Week to date</option> 
<option value="periodtodate">Period to date</option> 
<option value="seasontodate">Season to date</option> 
<option value="yeartodate">Year to date</option> 
</select> 

주간 옵션에 활성 속성을 설정하고 있습니다. 그러나 페이지가 렌더링되면 어제 첫 번째 항목이 선택된 항목으로 표시됩니다. 내가하면 HTML을 사용하여 활성 요소를 지정하고 싶습니다 내 기존 코드와의 호환성을 유지하기 그러나

$('.selectpicker').selectpicker('val', 'weektodate'); 

:

부트 스트랩 문서를 선택하면 다음과 같은 자바 스크립트 방법을 사용하여 선택한 요소를 지정할 수 있다고 말한다 가능한. 내가 잘못했거나 Bootstrap-select가 활성 속성을 무시합니까?

답변

6

active 옵션이 없습니다.

당신은 대신 selected를 사용해야 <option> 속성의 목록을 찾을 수 있습니다

<select id="test-period" class="selectpicker show-tick pull-right"> 
<option value="yesterday">Yesterday</option> 
<option value="lastupdate">Last update</option> 
<option value="today">Today</option> 

<option value="weektodate" selected>Week to date</option> // or selected="selected" 

<option value="periodtodate">Period to date</option> 
<option value="seasontodate">Season to date</option> 
<option value="yeartodate">Year to date</option> 
</select> 

'선택한 하나'로해야합니다 HERE

관련 문제