如何禁用多重選擇選項

Question

如何在一個選擇禁用多個選項。例如我有2個選擇具有5級3的選項。所以，如果我選擇第二選擇第三個選項，我想在第一個禁用第三，第四和第五選項中進行選擇：

<select name="smjer"> 
<option value="1">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
<option value="4">4</option> 
<option value="5">5</option> 
</select> 

第二選擇：

<select name="godina" > 
<option value="1" >1.</option> 
<option value="2" >2.</option> 
<option value="3">3.</option> 
</select> 

我試着刪除選項，但隨後無需刷新頁面，我不能檢索它們：

var ary=[3,4,5]; 
$('[name=smjer] option').filter(function(){ 
    return ($.inArray(parseInt(this.value),ary) >-1); 
}).remove(); 

Answer 1

你可以只隱藏起來：

var ary = [3, 4, 5]; 
$('[name=smjer] option').filter(function() { 
    return ($.inArray(parseInt(this.value), ary) > -1); 
}).hide(); 

，並再次在需要時顯示它：

var ary = [3, 4, 5]; 
$('[name=smjer] option').filter(function() { 
    return ($.inArray(parseInt(this.value), ary) > -1); 
}).show(); 

爲了使其更好，你可以這樣做：

var ary = [3, 4, 5]; 

// Get the options to be hidden/shown 
var $options = $('[name=smjer] option').filter(function() { 
    return ($.inArray(parseInt(this.value), ary) > -1); 
}); 

// Hide the options 
$options.hide(); 

// Show the options 
$options.show(); 

Answer 2

您也可以禁用它們：

var ary=[3,4,5]; 
$('[name=smjer] option').filter(function(){ 
    return ($.inArray(parseInt(this.value),ary) >-1); 
}).prop('disabled', true);