如何通过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：</th> 
        <td id = "ticketAuditerCarrierAddInit"></td> 
       </tr> 
       <tr> 
        <th>user：</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(); }) 

当我submited的形式，我可以从形式得到ticketTypeId，请帮帮我！

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}">');