jquery+validation multiple dropdowns

Question

please advise me how one can validate multiple dropdowns in a form, validation should trigger if same value is selected in different dropdowns.

here, if i select same option from both the dropdown it should trigger validation. (i am using jquery validation engine for form validations)

<select name="user[role_id]">
  <option value="">Please select</option>
  <option value="1" selected="selected">Administrator</option>
  <option value="2">User</option>
  <option value="3">Editor</option>
</select>

<select name="user[role_id]">
  <option value="">Please select</option>
  <option value="1" selected="selected">Administrator</option>
  <option value="2">User</option>
  <option value="3">Editor</option>
</select>

thanks

rkw · Accepted Answer · 2011-08-09 06:00:32Z

3

Easiest way is to map the selections and look for dupes. There are better algorithms to look for dupes (i.e. exit as soon as you detect a duplicate), but I opted to use shorter code since the cost is very low: http://jsfiddle.net/rkw79/vqENk/

function HasDupe(){
    a = $('select').map(function(i,o) {
        return $(o).val();
    });
    return (a.length != $.unique(a).length);
}

answered Aug 9, 2011 at 6:00

rkw

7,2974 gold badges28 silver badges39 bronze badges

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

Comments

MayureshP · Accepted Answer · 2011-08-09 05:43:21Z

0

<select name="user[role_id]">
   <option value="0">Please select</option>
   <option value="1" selected="selected">Administrator</option>
   <option value="2">User</option>
   <option value="3">Editor</option>
</select>

<select name="user[role_id]">
   <option value="0">Please select</option>
   <option value="1" selected="selected">Administrator</option>
   <option value="2">User</option>
   <option value="3">Editor</option>
</select>
<script type="text/javascript">
  $(document).ready(function(e){
          if ($('select[name="user[role_id1]"]').val() == $('select[name="user[role_id2]"]').val()) {
        alert('select different value');//validation msg
    }
 });
</script>

edited Aug 9, 2011 at 5:43

answered Aug 9, 2011 at 5:25

MayureshP

2,6547 gold badges33 silver badges41 bronze badges

Collectives™ on Stack Overflow

jquery+validation multiple dropdowns

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related