使用jquery .html()动态添加表单输入字段

时间:2013-05-17 19:58:26

标签: jquery post

我正在尝试动态添加字段到我的页面和表单。基本上我所拥有的是一个带有一行输入字段的模型容器。但是,不会发布从模型容器生成并附加到表单内的任何输入字段。见下文。

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

1 个答案:

答案 0 :(得分:0)

我发现了这个问题。我通过另一个函数设置下拉列表的值,并且没有设置下拉选项的值导致数据不被发布。