Question

像航空公司网站一样。

当您选择出发机场时。

到达机场的内容将相应更改。

例如，如果您在出发机场选择巴黎。然后，巴黎不应该出现在抵达机场。

我怎么能这样做，任何关键词或术语来搜索更多信息？

由于

Answer 1

检查工作演示：JSFiddle

使用jQuery选择器查找目标选项元素，迭代以隐藏目标选项元素：

function changeDestination(target) {
    var options = $('#destination option');
    for (var i = 0; i < options.length; i++) {
        var opt = $(options[i]);
        opt.show();

        if (opt.attr('name') === target.value) {
            opt.hide();
        }
    }
}

Answer 2

这是动态地将选项添加到选择....

的方法

var x = document.getElementById("selectid");
var option = document.createElement("option");
option.text = "newOption";
x.add(option);

您还可以使用remove（）方法。

我认为这些组合将完成您需要完成的任务。谷歌“添加选择javascript的选项”和“从选择的JavaScript中删除选项”，我想你会在路上。

如何动态更改下拉列表选择内容

2 个答案: