"none"옵션이있는 다중 선택

Question

아약스를 통해 백그라운드 페이지로 제출할 양식을 작성 중입니다. 다중 선택 컨트롤로 옵션을 제시하고 싶지만 "위에 없음"옵션이 있습니다.

질문은 "None"옵션을 선택하는 것이 불가능하고 다른 옵션을 선택하는 것이 가능합니까? 예를 들어 :

사용자가 단독으로 "없음"또는 "쿠바"과 "프랑스"을 선택하는

<select id="country" multiple="multiple"> 
    <option value>None</option> 
    <option value="1">Jamaica</option> 
    <option value="2">Cuba</option> 
    <option value="3">France</option> 
</select>​​​​​​​​​​​​​​​​​​​​​ 

이 유효 할 것 together--하지만 "없음"과 "프랑스". 따라서 사용자가 "없음"을 선택한 다음 다른 옵션을 선택하면 "없음"옵션이 자동으로 선택 취소됩니까?

문제가 도움이된다면 jQuery를 페이지에 사용하고 있습니다.

Answer 1

이상한 요구하지만, 어쨌든이 당신을 위해 작동 될 수 있습니다

$('#country').change(function() { 
    if ($('option:first', this).is(':selected')) { 
     $('option:not(:first)', this).prop('selected', false); 
    } 
});​ 

http://jsfiddle.net/zhKKw/

Answer 2

바이올린 : http://jsfiddle.net/sajjansarkar/dRVN4/1/

var dropdown = $("#country"); 
    dropdown.click(function() { 
    var val = dropdown.val(); 
    if (val) { 
     var arr = val.toString().split(","); 
     if (arr.length > 0 && arr[0] == "") { 
      dropdown.val(""); 
     } 
    } 
});​