0

これがexpの私の質問です：

 <select name="select1" >
 <option value="default" selected="selected">Default</option>
 <option value="1">1</option>
 <option value="2">2</option>
 </select>
 <select name="select2" >
 <option value="default" selected="selected">Default</option>
 <option value="3">3</option>
 <option value="4">4</option>
 </select>

(select1) から (number 1) を選択すると、(select2) は完全に無効になります。または、(select2) から (number4) を選択すると、(select1) は完全に無効になります。つまり、選択した名前に依存し、他の選択した名前は無効になります。このためのJavaコードを教えてもらえますか? ありがとうございました

4

1 に答える 1

0

jquery を使用すると、次のようになります。jsfiddle

HTML:

<select id="select1" name="select1" >
 <option value="default" selected="selected">Default</option>
 <option value="1">1</option>
 <option value="2">2</option>
 </select>
 <select name="select2" id="select2" >
 <option value="default" selected="selected">Default</option>
 <option value="3">3</option>
 <option value="4">4</option>
 </select>

JS:

$('#select1').on('change', function(){
    if($(this).val() != 'default'){
        $('#select2').prop('disabled', true);
    }
    else{
        $('#select2').prop('disabled', false);
    }
});

$('#select2').on('change', function(){
    if($(this).val() != 'default'){
        $('#select1').prop('disabled', true);
    }
    else{
        $('#select1').prop('disabled', false);
    }
});

先ほど言ったように、html も修正する必要があります。あなたのウェブサイトでは、あなたが持っているものの代わりに次のhtmlを使用してください。つまり、選択ドロップダウンにIDを追加してください。

<select id="select1" name="select1" ...
<select id="select2" name="select2" ...
于 2013-08-21T01:56:40.527 に答える