Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 插入动态html内容_Javascript_Html_Dhtml - Fatal编程技术网

Javascript 插入动态html内容

Javascript 插入动态html内容,javascript,html,dhtml,Javascript,Html,Dhtml,我有一个表单,可以使用“添加问题”按钮添加多个问题。如果单击该按钮,将创建一个新的手风琴组 <div id="accordion1" class="accordion"> <div id="group1" class="accordion-group"> <input type='text' id='question1' class='textbox-input'/> </div> </div&g

我有一个表单,可以使用“添加问题”按钮添加多个问题。如果单击该按钮,将创建一个新的手风琴组

<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>

函数addQuestion(){
var previousContent=document.getElementById(“accordion1”).innerHTML;
var newContent=“”+
"" +
"";
document.getElementById(“accordion1”).innerHTML=previousContent+newContent;
}
我也有一些脚本为文本框提供样式,但这些样式不会应用于添加的新动态内容。而且每个手风琴组中的选择框也会被禁用。有人知道如何解决这个问题吗?

这个怎么样:

$(“#addQuestion”).live('click',addQuestion');
函数addQuestion(){
var previousContent=$(“#accordion1”).html();
var newContent=“”+
"" +
"";
$(“#accordion1”).html(以前的内容+新内容);
}

这对我很有效。谢谢你的帮助:)

函数addQuestion(){
var newContent=“”+
"" +
"";
$(“#手风琴1”)。追加(新内容);
}

您是否碰巧使用了jQuery?我没有在添加问题功能中使用jQuery。jQuery正被用于其他元素。我使用了jQuery的.append()函数,它成功了。但我的下拉框仍处于禁用状态。有关如何将脚本应用于动态添加的下拉框的任何帮助?
$("#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);
 }
function addQuestion(){     
               var newContent = "<div id='group2' class='accordion-group'>" +
                                "<input type='text' id='question2' class='textbox-input'/>" +
                                "</div>";
               $("#accordion1").append(newContent);
}