Question

我有三个具有相同选项值的下拉列表我想在第一个下拉列表中选择值时从第二个和第三个下拉列表中删除所选的选项值。

但是当我在第一个下拉列表中更改新选项值然后先前选择的值也从第二个和第三个下拉列表中移除时会出现问题

我希望当在第一个下拉列表中选择选项值时，应该显示第二个和第三个下拉列表中的所有值，期望选择的值。

请帮帮我

jquery代码

$('#select_period').bind('change',function(){
    var select_box=$("#select_period").val();
    if(select_box =='select'){

    } else {
        if($(this).val() == select_box )$('#period_field option[value="'+select_box+'"]').remove();
        if($(this).val() == select_box )$('#fav_period option[value="'+select_box+'"]').remove();
    }
});

Answer 1

$(".commonClassForThreeSelects").change(function()
{
    var firstSelect = $(this);

    var value = $(this).find(':selected').value();
    $(".commonClassForThreeSelects").each(function()
    {
        if(firstSelect = $(this))
            return;

        $(this).find('option').show();
        $(this).find('option[value=' + value +']').hide();
    });
});

这对你有什么用？它不仅限于第一个选择，如果从任何下拉列表中选择一个值，其他选项将隐藏该值的选项

Answer 2

请参阅此fiddle

您可以通过组合最后两个语句来进一步优化它，但这应该可以帮助您开始

在其他下拉列表中选择值时，从下拉列表中删除值

2 个答案: