-2

Web アプリ ページの上部にドロップダウン メニューがあります。リストから任意のオプションを選択すると、残りのセクションが適切に読み込まれます。他のオプションを選択すると、既存のセクションが更新され、選択したオプション ページが読み込まれる必要があります。
上部のセクションはメニューであるため、更新しないでください。
これどうやってするの？
I-Frame と Ajax を使用してみましたが、1 つのオプションしかロードできませんでした。

これがコードです

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 に答える