jquery를 사용하여 양식 내에 요소를 동적으로 추가하십시오.

Question

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> 

Answer 1

편리 HTML을 삽입하는 이벤트를 트리거,이 양식 내부 입력 요소를 삽입합니다

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

사용자의 편의에 jQuery.html() 방법을 사용할 수 있습니다 버튼을 클릭하여 수행 할 수 있습니다.

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



}) 

희망 도움이

Answer 2

당신은 할 때마다 예를