html+javascript: How to disable null option in dropdownlist on some condtition

Question

I have html page with a dozen dropdownlinst

One of them is

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

Second one store some other value, and when I change it to "AAA" I must disable in the fist one ability to choose NULL-oprtion (i.e. "Offline") (and return it back if was selected something else)

Select logic works fine:

$('#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
    }
}

What is better way to do it? May be something like:

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

Any suggestion?

score 1 · Accepted Answer · 2012-09-11 12:57:59Z

1

You can use the methods .show() and .hide() for be shure the user can (or can not) select the value

$("#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();
    }

});

edited Sep 11, 2012 at 12:57

answered Sep 11, 2012 at 12:48

user1659793

Sign up to request clarification or add additional context in comments.

Comments

Krishna Kumar · Accepted Answer · 2012-09-11 16:23:10Z

1

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

answered Sep 11, 2012 at 16:23

Krishna Kumar

2,1311 gold badge23 silver badges34 bronze badges

Comments

Andrey Kuzmin · Accepted Answer · 2012-09-11 16:10:40Z

0

To disable particular option just set its disabled attribute.

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

answered Sep 11, 2012 at 16:10

Andrey Kuzmin

4,4992 gold badges25 silver badges29 bronze badges

Collectives™ on Stack Overflow

html+javascript: How to disable null option in dropdownlist on some condtition

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related