使用jquery.html()动态添加表单输入字段
我正在尝试向我的页面和表单动态添加字段。基本上,我拥有的是一个带有一行输入字段的模型容器。但是,从模型容器生成并附加到表单中的任何输入字段都不会过帐。见下文使用jquery.html()动态添加表单输入字段,jquery,post,Jquery,Post,我正在尝试向我的页面和表单动态添加字段。基本上,我拥有的是一个带有一行输入字段的模型容器。但是,从模型容器生成并附加到表单中的任何输入字段都不会过帐。见下文 $('#addRow').click(function () { var rowNumber = $(this).attr('rowNumber'), newRowHtml = ''; rowNumber = parseInt(rowNumber) + 1; newRowHtml = '<t
$('#addRow').click(function () {
var rowNumber = $(this).attr('rowNumber'),
newRowHtml = '';
rowNumber = parseInt(rowNumber) + 1;
newRowHtml = '<tr id="row_' + rowNumber + '"> ' + $('#rowModel').html().replace(/myKeyHolder/g, rowNumber); + '</tr>';
$('#row_' + parseInt(rowNumber - 1)).after(newRowHtml);
$(this).attr('rowNumber', rowNumber);
});
$('#addRow')。单击(函数(){
var rowNumber=$(this.attr('rowNumber'),
newRowHtml='';
rowNumber=parseInt(rowNumber)+1;
newRowHtml='+$('#rowModel').html().replace(/myKeyHolder/g,rowNumber);+';
$('#row'+parseInt(rowNumber-1)).after(newRowHtml);
$(this.attr('rowNumber',rowNumber);
});
编辑:(注意使用struts)
我发现了这个问题。我正在通过另一个函数设置下拉列表的值,但是没有设置下拉列表选项的值,导致数据无法发布。您能显示您的html吗?添加了html模型。表格在表格周围。我没有看到任何ID以行开头的
。我没有包括它们。行被正确地追加,并且按照设计的功能运行。也许我没有看到问题所在…isuse到底是什么?
<tr id="rowModel" class="hide">
<td>
<s:select name="variable_myKeyHolder"
list="variables" listKey="value" listValue="label"
cssClass="adminDropDown adminVariable"
data-role="dropdownlist"
headerKey=""
headerValue="Select Variable.." />
</td>
<td>
<select name="variableValue_myKeyHolder" id="variableValue_myKeyHolder"
class="adminDropDown adminVariableValue">
</select>
</td>
<td>
<s:select name="variableType_myKeyHolder"
list="types" listKey="value" listValue="label"
cssClass="adminDropDown adminVariableType"
data-role="dropdownlist" />
</td>
<td>
<textarea name="message_myKeyHolder" class=messageTextarea">
</textarea>
</td>
<td>
<input type="button" value="Delete" class="deleteRequestMessage" id="btn_row_myKeyHolder">
</td>
</tr>