JQuery option remove on select from multiple select box

Question

I am new to JQuery. I have searched for a solution but couldn't find any solution. I have 3 select box and the option selected in the first select box needs to removed from the next two select box. I have the code which actually hides the selected option in FF and chrome. But in IE it is not getting hidden. Also i need to bring back the selected option, if the user changes his mind and re-select the option he has already selected in first select box. Can someone help me out. Any help is much appreciated.

var array= [];
$(document).ready(function(){
    $('select').on('change', function(event ) {
        $('select').not(this).find('option').show();
        var value = $(this).val();
        //alert(value);
        array.push(value);
        for (var i = 0; i < array.length; i++) {
            // Here i am disabling the option as well as hiding. Because in IE hide does not work.
            $('select').not(this).find('option[value="'+array[i]+'"]').attr('disabled','disabled').hide();
        }
    });
});

Look at stackoverflow.com/questions/8373735/…

laruiss
– laruiss

2014-10-08 11:30:09 +00:00
Commented Oct 8, 2014 at 11:30 — laruiss
– laruiss, Commented Oct 8, 2014 at 11:30

Anunay · Accepted Answer · 2014-10-08 11:52:41Z

2

Try this,

$("#first_select").change(function(){
    $("#second_select option,#third_select option").removeAttr("disabled");
    $.each($("#first_select").val(), function( index, value ) {
       $("#second_select option[value="+value+"]").attr("disabled","disabled");
       $("#third_select option[value="+value+"]").attr("disabled","disabled");
    });      
});

http://jsfiddle.net/anunaydahal/h8n1agdp/11/

answered Oct 8, 2014 at 11:52

Anunay

5073 silver badges13 bronze badges

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

Collectives™ on Stack Overflow

JQuery option remove on select from multiple select box

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related