0

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

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

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

请帮我

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

2 回答 2

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

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

于 2012-08-14T05:59:28.833 回答
0

看到这个小提琴

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

于 2012-08-14T06:08:33.457 回答