如何使用javascript获取动态创建的下拉菜单的值？并获得所有价值

Question

此处的下拉列表是动态创建的。
我们能够获得第一个值，但其余值的显示与第一个值相同。
我们需要将所有值连接起来。
当我们更改条件数时，它会与现有条件一起添加。

有人可以帮我吗？ 注意：仅在JavaScript中需要解决方案。

  var counter = 1; var str=""; var con=""; function addInput(divName) { var count=document.getElementById("ConditionId").value; for(i=1;i<=count;i++) { var newdiv = document.createElement('div'); newdiv.innerHTML = "Condition " + (counter + 0) + " <br><input list='alert' onchange='GetCondition();' id='value'>"; document.getElementById(divName).appendChild(newdiv); counter++; } } function GetCondition() { str = document.getElementById("value").value; con=con.concat(str); alert(con); }

 <html> <head> <title>Formatter</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <form> <div id="dynamicInput"> Number of Condition:<input type="number" id="ConditionId" onchange="addInput('dynamicInput');"> <br/> <datalist id='alert'> <option>Demo 1</option> <option>Demo 2</option> <option>Demo 3</option> <option>Demo 4</option> <option>Demo 5</option> <option>Demo 6</option> </datalist> </div> </form> </body> </html>

在这里，我只正确获得第一个值，其他值与第一个值相同。需要根据选择进行更改。

Answer 1

如果您知道应该选择哪个元素，则可以获得特定的值。

首先，在您的js函数addInput您将生成一堆具有相同ID的输入。 这不好。 尝试这样的事情：... id='value' + i

其次，我认为您应该在所有选项中添加不同的标识符。 使用特定的ID，您可以获得所需的所有信息。

或者，您可以获取option元素的数组。 但是然后您必须知道每个option索引

如何使用javascript获取动态创建的下拉菜单的值？并获得所有价值

问题描述

1 个解决方案

解决方案1
0 2017-04-07 04:29:47

如何使用javascript获取动态创建的下拉菜单的值？ 并获得所有价值

问题描述

1 个解决方案

解决方案1 0 2017-04-07 04:29:47

如何使用javascript获取动态创建的下拉菜单的值？并获得所有价值

解决方案1
0 2017-04-07 04:29:47