HTML + JavaScript的：如何禁用某些condtition在下拉列表爲空選項

Question

我有HTML頁面十幾dropdownlinst

其中之一是

@Html.DropDownListFor(model => model.PrimaryNetworkInt, new SelectList(ViewBag.AvailableNetworks, "ID", "Name"), "Offline") 

第二個存儲一些其它的值，當我將其更改爲「AAA」我必須在拳頭禁用選擇NULL-oprtion（即「離線」）一個能力（並返回回來，如果選擇別的東西）

選擇邏輯正常工作：

$('#SecondDDList').change(function() { SecondDDListChanged(); }); 

var SecondDDListChanged() = function(){ 
    //... 
    if ($('#SecondDDList').val()==-1){ //-1 i.e == "AAA" in my example 
     //Here i need logic to disable NULL selection 
    } else { 
     //Here i need enable NULL option 
    } 
} 

什麼是更好的方法來做到這一點？可能是這樣的：

$("#PrimaryNetworkInt option[value=null]").attr("disabled", "disabled"); 

有什麼建議嗎？

Answer 1

您可以使用方法.show（）和.hide（）的是舒爾能夠爲用戶（或不能）選擇值

$("#PrimaryNetworkInt").change(function() { 
    if ($(this).val()==-1){ //-1 i.e == "AAA" in my example 
     $("#PrimaryNetworkInt option[value='null']").hide(); 
    } else { 
     $("#PrimaryNetworkInt option[value='null']").show(); 
    } 

}); 

Answer 2

要禁用特定選項只是設置其disabled屬性。

var SecondDDListChanged() = function(){ 
    //... 
    if ($('#SecondDDList').val()==-1){ //-1 i.e == "AAA" in my example 
     $("#optionId").attr("disabled", "disabled"); 
    } else { 
     $("#optionId").removeAttr("disabled", "disabled"); 
    } 
} 

Answer 3

jQuery(function() { 
    jQuery('#SecondDDList').find("option").each(function() { 
     if (jQuery(this).val() == -1 || jQuery(this).val() == "null") { 
      jQuery(this).attr("disabled", true); 
     } 
    }); 
});