Question

我已经在HTML中创建了动态控件，我希望通过javascript获取这些动态控件的值。

下面的某些内容 catogory1 和 catgory2 是我的控件：

<select name=Category1 id=task1 onChange="SelectSubCatMtask(3);">
  <option value="" disabled="disabled" selected="selected">Select Task</option>
</select>

<select name=Category2 id=task2 onChange="SelectSubCatMtask(3);">
  <option value="" disabled="disabled" selected="selected">Select Task</option>
</select>

我希望在外部.js文件中获取控件值，如下所示

document.mtask.Category0.value

其中 mtask 是我的表单名称， Category0 是我的控制值。

我使用了alert(document.mtask.Category0.value)，我可以获得预期值。现在，如果我想迭代，我无法让它工作：

var step;
for (step = 0; step < 5; step++) 
{
    document.mtask.Category+step.value
}

Answer 1

为什么不为选择提供相同的类名，先迭代它们并获取它们的值。

＆＃13;

for(i=0;i<document.getElementsByClassName("selectBox").length;i++){
console.log(document.getElementsByClassName("selectBox")[i].value)
}

＆＃13;

<select name=Category1 id=task1 class='selectBox'  onChange="SelectSubCatMtask(3);">
<option value="2" disabled="disabled" selected="selected">Select Task</option>
</select>
<select name=Category2 id=task2 class='selectBox'  onChange="SelectSubCatMtask(3);">
<option value="1" disabled="disabled" selected="selected">Select Task</option>
</select>

＆＃13;

获取动态创建的HTML控件的值

1 个答案: