Javascript JQuery选项从多个选择框中选择时删除

我不熟悉JQuery。我已搜索解决方案，但找不到任何解决方案。 我有3个选择框，第一个选择框中选择的选项需要从接下来的两个选择框中删除。我的代码实际上隐藏了FF和chrome中所选的选项。但在IE中，它并没有被隐藏。 此外，如果用户改变主意并在第一个选择框中重新选择他已经选择的选项，我需要返回所选选项。有人能帮帮我吗。非常感谢您的帮助

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();
        }
    });
});

var数组=[]；
$（文档）.ready（函数（）{
$（'select'）。在（'change'，函数（事件）上{
$（'select'）.not（this.find（'option'）.show（）；
var值=$（this.val（）；
//警报（值）；
array.push（值）；
对于（var i=0；i

试试这个

$("#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");
    });      
});

看看