我正在尝试将字段动态添加到我的页面和表单中。基本上我拥有的是一个带有一行输入字段的模型容器。但是,不会发布从模型容器生成并附加在表单内的任何输入字段。见下文。
$('#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);
});
编辑:(注意使用支柱)
<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>