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>

用户单独选择“无”或“古巴”和“法国”一起是有效的 - 但不是“无”和“法国”。因此，如果用户选择“无”，然后选择其他任何内容，则“无”选项将自动取消选择？

我在页面中使用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("");
        }
    }
});

多次选择“无”选项

2 个答案: