How do I hide dropdownlist based on multiselect checkbox selection

Question

0.00/5 (No votes)

See more:

jQuery

How do I hide dropdownlist based on jQuery multiselect checkbox selection?

Posted 7-Oct-14 19:50pm

Navi.jsp

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

rajeevcse04 · Answer 1 · 2014-10-07T20:01:00

Solution 1

you can hide dropdowns using jquery
...
$(document).ready(function(){

$("#your multiselect element id").find(":checkbox").click(function(){
//if in your multiselect name value is checked
if($(this).prop("checked") && $(this).val() =" your conditional value")
{
$("#yourdropdownid").show();
}
//if in your multiselect name value is unchecked
esle
{
$("#yourdropdownid").hide();
}

});
});

Posted 7-Oct-14 20:01pm

rajeevcse04

Updated 7-Oct-14 21:12pm

v3

Comments

Navi.jsp 8-Oct-14 2:23am

Hi how about unchecking the check box from jquery multiselect option , it will hide the jquery multiselect dropdownlist

rajeevcse04 8-Oct-14 2:25am

Please elaborate it

Navi.jsp 8-Oct-14 3:06am

for example inside my jquery multiselect i have a value called name, when I checked it another dropdowon appear, when I unchecked it , the another dropdown will be hidden.

rajeevcse04 8-Oct-14 3:14am

the solution i have given that should work with your scenario or else post your code so we can help you

Navi.jsp 8-Oct-14 3:20am

like if you unchecked and check again the dropdown should appear. my jquery have something like this $('#dropdown').multiSelect();

rajeevcse04 8-Oct-14 3:38am

Can please tell me which jquery plugin you are using for multi-select

Navi.jsp 8-Oct-14 5:57am

http://wenzhixin.net.cn/p/multiple-select/docs/