使用 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);
}

这是一把小提琴，展示了这一点。