Question

我有4个下拉列表，每个下拉列表需要显示相同的5个选项减去上一个下拉列表中已选择的选项，并且需要能够再次显示是否有任何未选中的选项。我想尽可能只使用CSS JavaScript和/或jQuery。

由于

Answer 1

您可以使用JQuery完成所有操作。

以下是您可以使用http://www.overpie.com/jquery/articles/jquery-remove-dropdownlist-or-combobox-options

的教程

问题是你填充所有的组合框，然后选择一个组合框，从所有其他组合中选择这些选项。

如果删除该选项是个问题，您可以随时将其禁用。

Answer 2

试试这个：

var dropDownIds = new Array();
var optionList = new Array();

dropDownIds.push(dropdownId1);
....
....
dropDownIds.push(dropdownId4);

optionList.push({'value':value1, 'name':option1});
....
....
optionList.push({'value':value5, 'name':option5});

/* Call this function on onchange event of the first dropdown i.e. dropDownId1 */
function fillDropDowns(dropDownIds,optionList)
{
    for (var j =1; j < dropDownIds.length; j++)
    {
        var selected_option = $("#"+dropDownIds[j-1]).val();
        $("#"+dropDownIds[j]).empty();
        for (var i=0, size=optionList.length; i<size; i++){
            if (selected_option != optionList[i].value)
            {
                var option = $('<option />');
                option.attr('value', optionList[i].value).text(optionList[i].name);
                $('#'+dropDownIds[j]).append(option);
             }
         }
    }
}

使用JavaScript jQuery动态填充4个下拉列表和其余选项

2 个答案: