javascript - 我如何动态更改下拉选择内容

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