使用angularjs/javascript更新选择下拉列表值
我有一个下拉列表(dropddown2),它使用json对象显示:使用angularjs/javascript更新选择下拉列表值,javascript,angularjs,list,dropdown,Javascript,Angularjs,List,Dropdown,我有一个下拉列表(dropddown2),它使用json对象显示: listData:[{id:"1",label:"lbl1"},{id:"2",label:"lbl2"}] 当我在dropddown1中选择一个值时,我需要向dropdown2列表中添加一个值并显示它。我想我可以推送数据,但我无法在UI上看到它。在下拉列表1中,您需要为onchange事件添加一个事件侦听器,该事件触发一个函数,您可以在该函数中捕获所选值并向另一个下拉列表添加一个新值 您可以这样做: <select i
listData:[{id:"1",label:"lbl1"},{id:"2",label:"lbl2"}]
当我在dropddown1中选择一个值时,我需要向dropdown2列表中添加一个值并显示它。我想我可以推送数据,但我无法在UI上看到它。在下拉列表1中,您需要为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);
}
。。。
函数addToSelector(){
var val=document.getElementById('carsSelector')。值;
var选择器=document.getElementById('addSelector');
var option=document.createElement(“选项”);
option.text=val;
选择器。添加(选项);
}
下面是一个演示。请将构建列表的angularJS代码添加到问题中。