Removing Items From Dropdown list (client side)

Question

So I have a number of dropdown select list controls populated as part of a repeater. They might contain overlapping data, meaning that the first d d list control will have selections:

a 
b
c

Second one:

c
d
e

Third one:

d
e
h

and so on.

So what I would like to do is to srart removing the duplicate items from the reset of drop down controls once the user starts selecting those. I intend to use jQuery for this.

@Chad Disabling instead of removing would be a better choice. — Šime Vidas, Feb 10 '11 at 21:27
@Sime, how can you disable an item to not to be selected from a drop down list - this is not a list box item.. — dexter, Feb 10 '11 at 21:32
`item.disabled = true` https://developer.mozilla.org/en/HTML/Element/option — Šime Vidas, Feb 10 '11 at 21:37

Šime Vidas · Answer 1 · 2011-02-11T02:37:46.533

1

Here, the code is ugly, but at least it's short:

var selects = $('select');

selects.change(function() {
    var vals = {};    
    selects.each(function() { vals[this.value] = true; }).get();
    selects.not(this).children().not(':selected').not(':first-child')
        .each(function() { this.disabled = vals[this.value]; });
});

Live demo: http://jsfiddle.net/bnehe/6/

edited Feb 11 '11 at 02:37

answered Feb 10 '11 at 21:41

Šime Vidas

182,163
62
281
385

score 0 · Answer 2 · answered Feb 10 '11 at 21:14

0

Try using the jQuery Form Wizard plugin. See: http://plugins.jquery.com/project/formwizard

answered Feb 10 '11 at 21:14

aendra

5,286
3
38
57

Removing Items From Dropdown list (client side)

2 Answers2