How to compare two dropdownlist values using jquery

Question

0.00/5 (No votes)

See more:

Hi friends , i have requirement on one dropdownlist values is minimum experience 1 to 20 and second dropdownlist is maximum experience 1 to 25. how to validates the two dropdownlist values using jquery. if i select the second drowdownlist values less the first dropdownlist values i want get the validition using jquery. as well as if we select the second dropdownlist is not empty and first dropdownlist is empty then getting the validation message and other validations also working on that dropdownlists.

Posted 15-Aug-13 20:41pm

CH Guravaiah

Add a Solution

Comments

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 16-Aug-13 3:33am

So, what have you tried? Where is the problem?

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)

Ashutosh Mahto · Accepted Answer · 2013-08-15T21:39:00

Lets say you have two dropdown lists:

HTML

<select id="ddlMinExp">
  <option value="0">Select Minimum Exp</option>
  <option value="1">1</option>
          ......
          .......
  <option value="20">20</option>
</select>

And,

HTML

<select id="ddlMaxExp">
  <option value="0">Select Maximum Exp</option>
  <option value="1">1</option>
          ......
          .......
  <option value="25">25</option>
</select>

Then you can check the values through jQuery as -

JavaScript

$(function(){
    $('#ddlMaxExp').change(function(){
       var selectedMaxValue = Number($(this).val());
       var selectedMinValue = Number($('#ddlMinExp').val());
        
       if( selectedMaxValue > 0  && selectedMinValue > selectedMaxValue) {
           alert('Minimum experience cannot be less than maximum experience');
           $(this).find('option:first').attr('selected', 'selected'); //reset the second dropdown list
       }
       else if( selectedMaxValue > 0 && selectedMinValue === 0) {
           alert('Please select minimum experience first');
           $(this).find('option:first').attr('selected', 'selected'); //reset the second dropdown list
       }       
       
    });
});

JSFiddle : http://jsfiddle.net/c3UV3/[^]

Hope this helps
Thanks