-2

我的网页应用页面顶部有一个下拉菜单。当我从列表中选择任何选项时，该部分的其余部分应适当加载。当我选择任何其他选项时，应刷新现有部分并且必须加载所选选项页面。
请注意，由于其菜单的顶部，不应刷新它。
我怎样才能做到这一点？
我尝试过使用 I-Frame 和 Ajax，但只能加载一个选项。

这是代码

script src="jquery-1.9.0.min.js"></script> 
<script type="text/javascript"> 
    //<![CDATA[ $(document).ready(function(){ $('#myIframe').attr('src','../file.jsp'); }); //]]>
</script>

 </head>
 <body>
  <p>welcome to stack</p>
   <input type="button" id="pageId" value="load page" />
    <div id="pageId"> 
        <iframe src="" id="myIframe" frameborder="1" width="1000" height="510"></iframe> 
    </div>
4

1 回答 1

0

尝试使用jQuery和jsp：

JS

$(document).ready(function() {
    $("#select_box_id").change(function () {
        var checked = $(this).val();
        $("#content").html('<%@ include file="/'+checked+'.jsp" %>');
    });
})

// you must have 2 jsp files each with appropriate names of radion buttons value
// you can also use AJAX requests

HTML 

<div>
    <select id="select_box_id">
        <option value="something"></option>
    </select>
    <div id="content"></div>
 </div>
于 2013-10-01T06:01:48.530 回答