양식을 기존 양식에 동적으로 추가하는 방법은 무엇입니까?

Question

그래서 기본적으로 제목에 명시된대로 작업해야합니다. 양식에 버튼이있는 양식 요소를 동적으로 추가해야합니다.

현재 버튼으로로드되는 양식이 있습니다. 이 양식은 jQuery 팝업 상자 안에 있습니다. 현재 양식 아래에 몇 가지 요소를 추가해야하는이 양식 아래에 단추가 있습니다. 이 버튼은 현재 작동하지 않으며,이 작업을 수행하는 방법에 대해서는 정말로 확신하지 못합니다. 잘못된 답변에 대한 또 다른 4 개 텍스트 상자와 함께 옆에,

Question [text-box]  Dummy 1 [text-box] 
          Dummy 2 [text-box] 
          Dummy 3 [text-box] 
          Correct [text-box] 
          [delete-button] 

기본적으로, 새로운 질문을 추가 할 것이며, 하나 개의 정답 :

이

내가이 형식의 모든 시간을 추가해야 할 것입니다 . 해당 질문을 완전히 삭제하려면 삭제 버튼이 있어야합니다. 나중에 모든 기능을 추가 할 예정이지만 동적 추가 및 삭제 작업이 필요합니다.

이 내가 현재 가지고있는 것입니다 : 모든 도움을 크게 감사

function createQuizForm() 
{ 
    var quizForm = '<form name="editForm" id="newQuizForm" method="post" action="createplay.php"><input type=hidden id="dialogid" name="dialogid" value=""><input type=hidden id="dialogtype" name="dialogtype" value=""><input type=hidden id="uid" name="uid" value="<?php echo $userid; ?>"><div>Quiz Name: <input type="text" id="nameEdit" name="nameEdit" value=""></div><div>Embed Code: <textarea id="textEdit" name="textEdit" row="10" cols="50"></textarea></div><input type="submit" class="roundButton upload" value="" /><input name="addNewField" type="button" onClick="addNewQuizField();" /></form>'; 

    var dialogDiv = document.getElementById('dialog'); 

    dialogDiv.innerHTML = quizForm; 

    OpenNewQuizDialog(); 
} 

:

function addNewQuizField() 
{ 
    var counter = 1; 
    var limit = 10; 
    var quizForm = document.getElementById('newQuizForm'); 

    if (counter == limit) 
    { 
      alert("You have reached the limit of adding " + counter + " questions"); 
    } 
    else 
    { 
      var newQuest = document.createElement('div'); 
      newQuest.innerHTML = "Entry " + (counter + 1) + " <br><input type='text' name='myInputs[]'>"; 
      document.getElementById(quizForm).appendChild(newQuest); 
      counter++; 
    } 
} 

이 퀴즈의 형태를 만들어 내 기능 (지저분한, 내가 아는)입니다!

Answer 1

현재 코드로 무엇을 찾으십니까? 이 plunk을 확인하십시오.