javascript - 如何在选项标签中为同一个名称设置多个值？

Question

我想在选项标记中设置多个相同 ID 或相同名称的值。在我的表单中包含主题字段，使用加号(+)和减号按钮(-)来添加或删除字段(字段不是恒定的)。

我已附上图片供您引用@http://s26.postimg.org/n59ryciah/Stack_cip_subject.png

如果我选择类(class)名称，主题字段将由 AJAX 自动填充。在上面的图片中，我为所有主题字段设置了相同的 ID、名称。如何设置所有字段的值。

我的代码:

JSP:

<select class="form-control" name="subjects" id="subjectSelect" ></select> 

Javascript:

subjectSelect += "<option selected=\"selected\" disabled>Select a Subject</option>";
_.each(jsonResponse,function(row){
subjectSelect += "<option value="+row.id+">"+row.subjectName+"</option>";
});
$("#subjectSelect").html(subjectSelect); 

我的问题 此 ID 将仅设置为第一个字段。我想为所有字段设置值。如何设置？

Answer 1

我的答案有点不同，但它会做类似的事情:在你的html中:

  <button onclick="addId(); return false;">Add Id</button>

这是您要添加按钮的位置:

 <div id="buttons"> </div>

<script></script>之间标签:

var answers = 0,
write = document.getElementById('buttons');

function addID() {
     write.innerHTML += '<input type="text" id="answer"' + answers + '/> <br />';
answers++;
}​