jquery - 带“无”选项的多选

Question

我正在构建一个将通过 ajax 提交到后台页面的表单。我想将选项呈现为多选控件，但带有“以上都不是”选项。

问题是，是否有可能做到这一点，以至于无法选择“无”选项并仍然选择其他选项？例如：

<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”和“France”——但不能选择“None”和“France”。因此，如果用户选择“无”，然后选择其他任何内容，“无”选项会自动取消选择吗？

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