JQUERY: Hide Dropdownlist1 when Dropdownlist2 = "certain value"

Question

Basically I'm trying to hide dropdownlist1 when dropdownlist2's selected value is "example".

Is this possible with jquery?

Loktar · Accepted Answer · 2011-06-02 16:39:49Z

5

Yes its possible, just bind a function to the change event and look at the value.

$('#dp1').change(function(){
    if(this.value === 'example'){
        $('#dp2').hide();  
    }else{ // If you want it to show on other values
        $('#dp2').show(); 
    }
});

Reference

edited Jun 2, 2011 at 16:39

answered Jun 2, 2011 at 16:34

Loktar

35.3k7 gold badges96 silver badges106 bronze badges

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

5 Comments

FarFigNewton Over a year ago

Your exmample doesn't work properyly, you are are setting the drop down equal to example instead of checking the value. Try this one jsfiddle.net/guanome/4mAmQ/5

Loktar Over a year ago

heh yeah I caught that a second before and changed it :P, thanks though.

Loktar Over a year ago

@Thai I considered that but the OP didn't ask it to do that, Ill add it though.

Loktar Over a year ago

Thanks @pixelbobby I like the lowercase check, but I prefer to use the pure JS way of getting the value rather that using .val(), micro optimization I know :)

pixelbobby Over a year ago

Np. You're right and I agree with you; I was troubleshooting the code and forgot to put it back to this.val. good call.

Collectives™ on Stack Overflow

JQUERY: Hide Dropdownlist1 when Dropdownlist2 = "certain value"

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related