javascript - Java Script DrobDown 禁用标记

Question

这是我的问题，对于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代码吗？谢谢

Answer 1

使用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" ...