[Solved] Hide element once option is selected in list

[matthisco]

Hello,

I’m trying to hide my dropdown list upon the selected value of a list before:

A t the moment nothing happens, can anyone please help?

$("#your_relationship").bind("change", function() {
if ($(this).val() == "4") {
    $("#your_school").prop( "disabled", true );

alert(“input hidden”); }

});

[Paulie_D]

Isn’t ‘disabled’ an attribute and not a property?

I dunno…my JS fu (foo?) is bad.

Not sure if it will hide it or just ‘grey it out’ though.

Once it is has the disabled attribute/property, you could hide it with

option:disabled {
display:none;
}

[matthisco]

Many thanks for your replies.

The link above is exactly what I needed

[Author]

Posts