插入動態html內容

Question

我有一個表單，可以使用「添加問題」按鈕添加多個問題。如果您點擊該按鈕，則會創建一個新的手風琴組。

<div id="accordion1" class="accordion"> 
     <div id="group1" class="accordion-group"> 
      <input type='text' id='question1' class='textbox-input'/> 
     </div> 
</div> 
<input type"button" value="Add Question" id="addQuestion" onclick="javascript:addQuestion();"/> 

<script> 
function addQuestion(){ 
     var previousContent = document.getElementById("accordion1").innerHTML; 
     var newContent = "<div id='group2' class='accordion-group'>" + 
         "<input type='text' id='question2' class='textbox-input'/>" + 
         "</div>"; 
     document.getElementById("accordion1").innerHTML = previousContent + newContent; 
} 
</script> 

我也有一些給文本框造型的腳本，但這些樣式不適用於添加的新動態內容。而且每個手風琴組內的選擇框都會被禁用。有誰知道如何解決這個問題？

Answer 1

這爲我工作。感謝所有的幫助:)

function addQuestion(){  
       var newContent = "<div id='group2' class='accordion-group'>" + 
           "<input type='text' id='question2' class='textbox-input'/>" + 
           "</div>"; 
       $("#accordion1").append(newContent); 
} 

Answer 2

如何：http://jsfiddle.net/PVbRJ/

$("#addQuestion").live('click', addQuestion); 


function addQuestion(){ 
     var previousContent = $("#accordion1").html(); 

     var newContent = "<div id='group2' class='accordion-group'>" + 
         "<input type='text' id='question2' class='textbox-input'/>" + 
         "</div>"; 
     $("#accordion1").html(previousContent + newContent); 
}