动态添加表单输入字段与jquery .html（）

我想动态地添加字段到我的页面和窗体。基本上我所拥有的是具有一排输入字段的模型容器。但是，不会发布从模型容器生成并附加在表单中的任何输入字段。见下文。动态添加表单输入字段与jquery .html（）

$('#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); 
});

编辑：（注意用struts）

<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>

来源

2013-05-17 user1134179

你能显示你的html吗？已添加 – bdwain

html模型。表格围绕着表格 – user1134179

我没有看到任何''，ID是以'row'开始的。 – tymeJV

我发现这个问题。我正在通过另一个函数设置下拉列表的值，并且没有设置下拉选项的值导致数据无法发布。

来源

2013-05-17 20:20:17 user1134179

动态添加表单输入字段与jquery .html（）

回答

相关问题