jquery multiple dropdownlist validation

Question

I have n number of dropdownlists with the same options and values.

I want to validate it, that only the unique value could be selected among these n dropdownlists. n is random number.

Example:

I have 3 ddl with these values:

<select>
<option value="apple" selected="yes"> Apple </option>
<option value="carrots"> Carrots </option>
<option value="potatoes"> Potatoes </option>
</select>

and I want to have unique selected values for each dropdownlist, so if you select apples and try to select apples again on another ddl, it changes a previous one to the available value or prompts an alert..

Here's a jsFiddle for you to do the homework on: jsfiddle.net/WQkkV/6 — Satish
– Satish, Commented Jun 28, 2011 at 19:43
Maybe better prohibit multiple selection of the same option? Right after option has selected make options with the same value in rest dropdowns disabled. — IUnknown
– IUnknown, Commented Jun 28, 2011 at 20:02
that would work also, how do I disable an option in ddl? you mean disable or remove it? — Stewie Griffin
– Stewie Griffin, Commented Jun 28, 2011 at 20:07

korywka · Accepted Answer · 2011-06-28 19:53:42Z

1

try this:

 $( function(){
    $('select').change( function(){
        current = $(this).val();
        unique = 0;
        $('select option:selected').each( function(){
            if ($(this).val() == current) unique++;
        });
        if (unique!=1) alert('not unique') ;
    });
});

HTML:

<select>
    <option selected="selected" value="one">one</option>
    <option value="two">two</option>
</select>


<select>
    <option value="one">one</option>
    <option selected="selected" value="two">two</option>
</select>

answered Jun 28, 2011 at 19:53

korywka

7,6622 gold badges28 silver badges50 bronze badges

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

Collectives™ on Stack Overflow

jquery multiple dropdownlist validation

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related