Java腳本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> 

如果我選擇（選擇1）（1號），然後（選擇2）完全將被禁用。或者如果我從（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" ...