如何附加<form:输入路径=“"/>使用jquery将

How to append <form:input path="" /> into table using jquery?

本文关键字:quot gt 使用 jquery 路径 lt 何附加 form 输入      更新时间:2023-09-26

如果用户按下添加按钮,我想添加行。

我使用jsp和jquery .append(),但不起作用

我厌倦了尝试将<form:input path="">附加到表中。

HTML代码

<table class="table" id="fileMappingTable">
    <thead>
        <tr>
            <th><fmt:message key='fileMapping.parameter.sequence' /></th>
            <th style="text-align:right;" colspan=2><a href="#" id="addSequence" class="button tiny" style="margin: 0;">Add sequence</a></th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td style="vertical-align: top;">
                <form:input path="sequence" id="sequence"
                    cssClass="validate[required]"
                    cssErrorClass="error validate[required]" />
                <form:errors path="sequence" cssClass="error" />
            </td>
            <td>
                <form:radiobutton path="value" id="default" value=""/><label for="default">Default</label> <br>
                <form:radiobutton path="value" id="startCharacter" value=""/><label for="startCharacter">Start character</label>
                <form:input path="firstCharacterPosition" id="firstCharacterPosition"
                    cssClass="validate[required]"
                    cssErrorClass="error validate[required]"/>
                <label for="length">Length</label>
                <form:input path="length" id="length"
                    cssClass="validate[required]"
                    cssErrorClass="error validate[required]"/><br>
                <form:radiobutton path="value" id="dateTime" value=""/><label for="dateTime">Date & Time</label>
                <form:select path="">
                    <form:option value="">DATE</form:option>
                    <form:option value="">DATE AND TIME</form:option>
                </form:select><br>
            </td>
            <td style="vertical-align: top;">
                <a href="#">remove</a>
            </td>
        </tr>
    </tbody>
</table>

Javascript代码

$("#addSequence").click(function(){
    $("#fileMappingTable:last").append(
        "<tr>" +
            "<td style='vertical-align: top;'>" +
                "<form:'input path='sequence' id='sequence' cssClass='validate' cssErrorClass='error validate' />" +
                "<form:'errors path='sequence' cssClass='error' />" +
            "</td>" +
            "<td>" +
                "<form:radiobutton path='value' id='default' value=''/><label for='default'>Default</label><br>" +
                "<form:radiobutton path='value' id='startCharacter' value=''/><label for='startCharacter'>Start character</label>" +
                "<form:input path='firstCharacterPosition' id='firstCharacterPosition' cssClass='validate[required]' cssErrorClass='error validate[required]'/>" +
                "<label for='length'>Length</label>" +
                "<form:input path='length' id='length' cssClass='validate[required]' cssErrorClass='error validate[required]'/><br>" +
                "<form:radiobutton path='value' id='dateTime' value=''/><label for='dateTime'>Date & Time</label>" +
                "<form:select path=''>" +
                    "<form:option value=''>DATE</form:option>" +
                    "<form:option value=''>DATE AND TIME</form:option>" +
                "</form:select><br>" +
            "</td>" +
            "<td style='vertical-align: top;'>" +
                "<a href='#'>remove</a>" +
            "</td>" +
        "</tr>"
    );
});

如果我点击带有id="addSequence"的按钮,它将像javascript代码上那样添加带有<form:input path=""/>的行

感谢

JSTL或您的SpringMVC表单标记将首先执行并创建普通标记或html。然后,您将使用Jquery操作html,而不是相反。在使用jquery 操作之前创建第一个spring标记