多选"none"选项

Question

我正在构建一个表单，将通过ajax提交到后台页面。我想以多选控件的形式呈现选项，但要加上"None of the Above"选项。

问题是，是否有可能这样做，以便不可能选择"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>​​​​​​​​​​​​​​​​​​​​​

用户可以单独选择"None"，或者同时选择"Cuba"one_answers"France"，但不能选择"None"one_answers"France"。所以如果用户选择了"None"，然后选择了其他选项，那么"None"选项将自动取消选中?

如果有帮助的话，我在页面中使用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("");
        }
    }
});​