使用angularjs / javascript更新选择下拉值

Question

我有一个下拉（dropddown2），它使用json对象显示：

listData:[{id:"1",label:"lbl1"},{id:"2",label:"lbl2"}]

当我在dropddown1中选择一个值时，我需要在dropdown2列表中添加一个值并显示它。我想我能够推送数据，但我无法在UI上看到它。

Answer 1

在dropdown1上，您需要为onchange事件添加一个事件侦听器，该事件触发一个函数，您可以捕获所选值并将新值添加到另一个下拉列表中。

您可以这样做：

<select id="carsSelector" onchange="addToSelector();">...</select>

function addToSelector() {
    var val = document.getElementById('carsSelector').value;

    var selector = document.getElementById('addSelector');
    var option = document.createElement("option");
    option.text = val;
    selector.add(option);
}

这是显示此内容的fiddle。