2012-11-01 2 views
1

중 하나만 선택하는 방법.Select2 - 모든 옵션을 선택 취소하고 위대한 플러그인을 사용하여

HTML :

<select id="fruits" multiple="true"> 
    <option value=''>All 
    <option value='Apple'>Apple 
    <option value='Pear'>Pear 
    ... 

자바 스크립트 :

$('#fruits').select2(); 

내가 선택

"모든"옵션은 내가 이전에 선택한 옵션을 취소 할 만 "모든"옵션을 선택했습니다.

onChange="$('#fruits').select2('val', ['All']);"뿐만 아니라 onChange="$('#fruits').select2('data', ['All']);"

을 시도하지만 나를 위해 작동하는 것 같다하지 않습니다.

실마리가 있습니까?

답변

1

보십시오 ..

fiddle here

사용 클릭 기능 ..

$(function() { 
    $('#fruits').click(function(e) { 
     var selected = $(e.target).val(); 
     if(selected=='all'){ 
      $('#fruits > option').prop("selected",false); 
      $(e.target).prop("selected",true); 
     }; 
    }); 
}); 
+0

작업 올바른 것입니다. –

+2

당신이 일하는 해결책을 공유한다면 그것은 나를 포함한 다른 사람들을 행복하게 만들 것입니다 ... 받아 들인 대답의 사람은 분명히 효과가 없습니다. –

+0

당신은 나에게 당신을 위해 일하지 못했던 것을 말해 줄 수 있습니까? 나는 OP에서 그가 원하는 것을 얻었을 것입니다 ... 당신이 전부를 선택한다면, 당신이 바이올린을 들여다 보면 다른 것들은 모두 선택되지 않을 것입니다. – bipen

0

내가 바이올린 ..이 시도 여기

$("#fruits option:selected").removeAttr("selected"); 

$("#fruits option[value='']").attr("selected","selected"); 
1

사용이 :

1) 선택한 항목의 선택을 취소하십시오. 모든

$('#fruits option:[text="All"]').attr('selected', true); 
1

이를 선택하는

$("#fruits option:selected").removeAttr("selected"); 

2), 감사 귀하의 답변에 따라 작동하는 솔루션을 개발이 코드를 제대로

$('#selectId').select2('val',""); 
관련 문제