如何在option标签中为同名设置多个值?

时间:2015-02-08 19:10:40

标签: javascript jquery html forms jsp

我想在option标签中设置多个相同id或相同名称的值。在我的表单中包含使用加号(+)和减号按钮( - )来添加或删除字段(字段不是常量)的主题字段。

我附上了图片供您参考@ http://s26.postimg.org/n59ryciah/Stack_cip_subject.png

如果我选择类名,则主题字段由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仅设置为第一个字段。我想为所有字段设置值。如何设置?

1 个答案:

答案 0 :(得分: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++;
}​