jquery - 三個選擇列表，如果選擇了一個值，則禁用另外兩個列表

Question

我有三個下拉選擇列表，當選擇一個列表中的值時，我希望其他兩個列表變爲灰色並且處於非活動狀態。我在每個我正在嘗試的選擇列表周圍都有一些id包裝，但是因爲我對jquery很陌生，所以我並沒有走得太遠。

Answer 1

像這樣的東西應該工作：

$(function() { 
    var $selects = $('#select1, #select2, #select3'); 
    $selects.change(function() { 
    // disabled the other two 
    $selects.not(this).attr('disabled', 'disabled'); 
    }); 
}); 

---

更新版本：

$(function() { 
    var $selects = $('#select1, #select2, #select3'); 
    $selects.change(function() { 
    // disable or enable the other two 
    $selects.not(this).attr('disabled', $(this).val() === '' ? '' : 'disabled'); 
    }); 
}); 

Answer 2

你可以做這樣的事情：

$('#wrappers').change(function(){ 
    $('#select1').attr('disabled', true); 
    $('#select2').attr('disabled', true); 
}); 

哪裏wrappers是，當你選擇一個值另外兩個獲得殘疾id爲select1和select2例如分別從中選擇元素的ID：

<select id="wrappers">......... 
<select id="select1">......... 
<select id="select2">......... 

Here is working example

Answer 3

我假設你有三個，如果任何三個是塞萊另外兩個應該禁用。

function toggleOthers(x) { 
var select = new Array('#wrapper1','#wrapper2','#wrapper3'); 

for (int i = 0; i < select.length; i++) 
    if ($(x).attr('id')!=select[i]) 
     $(x).attr('disabled','disable'); 
} 

HTML： <select onchange='toggleOthers(this);' id='wrapper1'> etc...

Answer 4

如果你有選擇用一個div包裝帶#wrapp的ID Ε

$('#wrapper select').each(function(i,select){ 
    $(select).change(function(){ 
     $(this).attr('class','enabled').siblings().attr('class','disabled'); 
    }) 
})