我有一个表单,可以使用“添加问题”按钮添加多个问题。如果您单击该按钮,则会创建一个新的 Accordion 组。
<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>
我也有一些脚本可以为文本框提供样式,但这些样式不会应用于添加的新动态内容。而且每个 Accordion 组内的选择框也被禁用。有谁知道如何解决这个问题?
最佳答案
这个怎么样: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);
}
关于javascript - 插入动态 html 内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15453790/