Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/394.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用angularjs/javascript更新选择下拉列表值_Javascript_Angularjs_List_Dropdown - Fatal编程技术网

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

使用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

我有一个下拉列表(dropddown2),它使用json对象显示:

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代码添加到问题中。