将动态构建的表单元素附加到我的表单

时间:2015-12-03 18:20:08

标签: javascript jquery html forms

我已经使用jquery / javascript来动态构建我想要的表单元素。这些包括文本和选择字段。我现在想将这些元素附加到我的表单中。以下是我的尝试。

形式:

<form id='associates' method="post">
<table border="1" id='mytable' ><tr>
<input type="hidden" name="_token" id="_token" value="<?php echo  csrf_token(); ?>">
<input type="hidden" name="rowIDcount" id="rowIDcount" >
<input type="reset" value="Reset" onClick="window.location.reload()">
<input type="submit" value="Submit">
</form></div>

使用Javascript:

var name="<input id='name"+x+"' readonly value='"+array3[i]['Assoc_Name']+"'>";
var form=document.getElementById('associates');
  form.appendChild(name);

构建名称变量显然有更多的javascript / jquery,但不需要发布。

如何在表单中附加姓名?

1 个答案:

答案 0 :(得分:2)

首先,您需要有效的HTML,没有未关闭的表和行。

其次,您无法将字符串传递给appendChild

正如你所说,你正在使用jQuery,它应该是直截了当的

$('<input />', {
    name     : 'name' + x,
    readOnly : 'readonly',
    value    : array3[i]['Assoc_Name']
}).appendTo('#associates');