试图动态嵌入的另一个内的一个html页面

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

因此,对于以上就是我想要做的脚本是,如果下拉框的变化则格“出师表”应更改,使其包括不同的页面。 问题是,当我试图做到这一点休息时间。 如果我让container.innerHTML = "Good morning"或其他任何东西,它工作正常。 任何想法,为什么出现这种情况?

--------------解决方案-------------

没有看到您的代码示例,我要出去的肢体,并说你想使用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来取代你的div的内容<jsp:include page='Home.htm'/>而不是你的Home.htm HTML内容,如你意。

做你想做的事,你将需要执行一个Ajax调用从服务器检索新的内容,然后与替换div的旧内容。

使用JavaScript库,如jQuery的,这可能是很简单的。 您container.innerHTML线将成为像下面这样:

$('#dist').load('Home.htm');

分类:JavaScript的 时间:2015-03-15 人气:0
本文关键词: JavaScript的,HTML
分享到:

相关文章

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 1.200 (s). 10 q(s)