使用jquery動態地添加表單中的元素

-1

我想讓用戶添加一個表單元素，如果他們想添加一個使用Jquery的器具，我真的陷入了困境，看不到如何做到這一點。誰能幫忙？使用jquery動態地添加表單中的元素

謝謝！

<form id="recipe_form" name ="recipe_form" action="createxml.php" enctype="multipart/form-data" method="post"> 
      <h1> Recipe Name</h1> 


     <h1> Preperation Time + Description</h1> 
     <label for="prep_time">Enter Preparation Time</label> 
     <input type="text" name="prep_time" ><br /> 

     <label for="descrip">Enter a recipe Description</label> 
     <input type="text" name="descrip" ><br /> 
     <br /> 

     <div id="utensil"> 

     <h1> Untensils </h1> 
     <label for="utensil_num">Enter Utensil number</label> 
     <input type="text" name="utensil_num"><br /> 

     <label for="utensil_descrip">Enter Utensil Description</label> 
     <input type="text" name="utensil_descrip"> 
      <a href="#" id"addRow"> Add Another Utensil </a><br /> 

     </div> 


     <br /> 
     <button type="submit">Save on xml</button> 
     </form>

來源

2013-11-28 Nick Pocock

是你可以使用按鈕點擊做到這一點

jQuery("#buttonid").click(function(){ 
jQuery("#utensil").append("<input type=\"text\">"); 



})

希望這個幫助

來源

2013-11-28 19:36:23

非常感謝你，是否有可能將它添加到我的表單的特定部分？說器具位？ –

對不起另一個問題，但我會偷onclick =在按鈕上？ –

是的，它是一樣的，我已經爲你編輯了答案，所以你可以把它放在器具部分。 –

您可以在您方便的使用jQuery.html()方法

jQuery('#recipe_form').html("<input type=\"text\">")

它會插入到表單中輸入元素，觸發事件，將HTML只要您方便

來源

2013-11-28 19:32:17 artud2000

是可以通過按鈕點擊做 –

當然可以。 jQuery（'＃recipe_form'）。html（「」） }）; – artud2000

你能看到我要去哪裏嗎？ www.jsfiddle.net/nzYAW/ –

使用jquery動態地添加表單中的元素

回答

相關問題