jquery - 如何通过jquery添加一个元素？

Question

<form action="${pageContext.request.contextPath }/backend/basic/ticketRule/ticketAuditer/add"
            id="ticketAuditerForm" method="post">
            <table id="companyType_add_table" cellpadding="0" cellspacing="0">
                <tr>
                    <th >Carrier：&lt;/th>
                    <td id = "ticketAuditerCarrierAddInit"></td>
                </tr>
                <tr>
                    <th>user：&lt;/th>
                    <td align="left">
                        <input id="userNameAdd" name="auditer.userName" type="text" size="20" />
                        &nbsp;&nbsp;
                        <input name="search" type="button" value="select" onclick="searchUser()" /> 
                        &nbsp;&nbsp;
                        <input id="userIdAdd" name="auditer.id" type="hidden" size="20" value="3" />
                    </td>
                </tr>
                <tr>
                    <td colspan="2"><p class="validateTips" align="center">...</p>
                        <input type="hidden" name="id" id="id" value="" />
                    </td>
                </tr>
            </table>
        </form>

然后我想在表单中添加一个隐藏元素：

<input type="hidden" id ="ticketTypeId" name ="ticketTypeId" value="${1}">

jQuery代码：

$("#searchTicketAuditer").button().click(function() {
            $("#searchTicketAuditerForm").add("#ticketTypeId");
            $("#searchTicketAuditerForm").submit(); })

当我提交表单时，我可以从表单中获取ticketTypeId，请帮助我！</p>

Answer 1

如果隐藏元素已经存在于 dom 中，则使用.append()

$("#searchTicketAuditer").button().click(function() {
        $("#searchTicketAuditerForm").append($("#ticketTypeId"));
        $("#searchTicketAuditerForm").submit(); })

Answer 2

如果您的元素已经在 DOM 中并且您想将其附加到表单中，您可以使用

$("#searchTicketAuditerForm").append($("#ticketTypeId"));

*when you use append() that hidden button will cut and paste

如果你想复制和粘贴你可以使用clone()

$("#ticketTypeId").clone().appendTo("#searchTicketAuditerForm");

如果您在 DOM 中没有该元素，则可以使用

$("#searchTicketAuditerForm").append('<input type="hidden" id ="ticketTypeId" name ="ticketTypeId" value="${1}">');