<H2> Would you like to bounce an instance or application?</H2>
<form name="dropDown" method="POST">
<select name="choiceDropDown" onchange="include()">
<option value="1">Instance Level</option>
<option value="2">Application Level</option>
</select>
</form>
<div id="inst" class="outsidePages"><jsp:include page='Instance_List.htm'/></div>
<!-- END CONTAINER -->
</td>
</tr>
</table>
<!-- end content -->
</td> </tr> </table> </div> </div>
<div id="footerWrapper"> <div id="footer">Footer content goes here</div> </div>
</body>
<script type="text/javascript"> function include() { var container = document.getElementById("inst"); container.innerHTML = "";
container.innerHTML = " <jsp:include page='Home.htm'/> ";
}
</script>
</html>
因此,对于上面的脚本,我想要做的是,如果下拉框发生变化,那么 div“inst”应该发生变化,以便它包含不同的页面。问题是当我尝试这样做时它会崩溃。如果我制作 container.innerHTML = "Goodmorning"
或其他任何内容,它就可以正常工作。有什么想法为什么会发生这种情况吗?
最佳答案
在没有看到您的代码示例的情况下,我会冒险说您想使用 jQuery,特别是 .load方法。它让这样的事情变得异常简单。
<body>
<a href="#" id="loadSomePage">load some page</a>
<div id="contentArea">content goes here</div>
</body>
<script>
$("#loadSomePage").click(function(){
$("#contentArea").load("http://www.foo.com/content.html");
});
</script>
关于javascript - 尝试将一个 html 页面动态嵌入到另一个页面中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6430720/