2013-02-06 4 views
0

http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/ 다중 선택 플러그인을 사용하고 있습니다.이 플러그인은 기본 HTML 선택 상자를 다중 선택 상자로 자동 전환합니다 ,이 다중 선택 플러그인을 같은 페이지의 일반 HTML 선택 상자와 함께 사용할 수있는 방법이 있습니까?웹 페이지에 두 개의 목록 상자가 있지만 하나의 목록 상자가 다중 선택 인 경우 다른 하나는 일반 목록 상자 여야합니다

번들 감사 사전. Jay

+0

select 요소를 추가하면 문제가 생깁니 까? –

+0

단일 선택 문서를 확인하십시오. http://www.erichynds.com/examples/jquery-ui-multiselect-widget/demos/#single –

답변

1

multiple을 false로 설정하십시오. 또는

$('select').multiselect

<select class="multiple-select"></select> 

다음에 선택을 변경하는 클래스 추가 호출하지 않습니다 : $('.multiple-select').multiselect 및 클래스없이 일반 선택을 남겨에게. 당신이 초기화하면

Example

+0

고마워, Joe! 완벽한 작품, 엄지 손가락을 UP !! – Jay

+0

안녕하세요. 제이, 답변을 수락하고 유용한 게시물에 투표하십시오. 그것은 스택 오버 플로우가 계속 돌아가는 오일입니다. – Joe

+0

예 @ 조, 대답을 수락했습니다. – Jay

0

은 같은 것을 할 :

$(function(){ 
    $("#mymulti").multiselect(); 
}); 

<select id="mymulti" name="example" multiple="multiple"> 
    <option value="1">Option 1</option> 
    <option value="2">Option 2</option> 
    <option value="3">Option 3</option> 
    <option value="4">Option 4</option> 
    <option value="5">Option 5</option> 
</select> 

이 :

는 ID로 선택에서 작동합니다

$("#mymulti").multiselect(); 
= mymulti

0

당신이 할 수있는 어떤 id $ ("select # multiple")과 함께 사용하면 모든 선택 상자가 no 해당 플러그인으로 렌더링됩니다.

$("select#multiple").multiselect({ 
    header: "Select an option", 
    noneSelectedText: "Select an Option", 
    selectedList: 1 
}); 
관련 문제