動態添加表單輸入字段與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（）

回答

相關問題