Question

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

Answer 1

试试这个，

$("#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/

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

1 个答案: