0

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を使用しています。

4

2 に答える 2

2

奇妙な要件ですが、とにかくこれはあなたのために働くかもしれません：

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

http://jsfiddle.net/zhKKw/

于 2013-01-04T18:09:37.570 に答える
0

フィドル： 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("");
        }
    }
});​
于 2013-01-04T18:11:07.857 に答える