disable select option value when selected

Question

I am using this code. But I\'m facing a problem that when I select \"one\" in 1st select box and then in 2nd I select \"two\" and when I select again 2nd value to \"three\"

Answer 1

It's a bit hard to understand what you're asking here. I'm assuming you want to know how to disable an option on both the select boxes when an option is selected in either one. The scenario I'm thinking is that you're displaying a list of players in two select boxes and when one of them is selected by the first team the other team cannot select the same player?

Here's a working fiddle: http://jsfiddle.net/theoutlander/MT5th/. I don't like jquery so I did this in vanilla JS.

// one

    Select
    one
    two
    three


//two

    Select
    one
    two
    three


function handleSelection(source, dest) {
    source.options[source.selectedIndex].disabled=true;
    dest.options[source.selectedIndex].disabled=true;
}