1

这是我的网页代码，将所有 div 标签显示为隐藏并使用 java 脚本并使其可见。当我显示 div 标签有空间时，我想在顶部显示可见的 div。 

<div>
    <asp:RadioButtonList ID="RadioButtonList1" runat="server" AutoPostBack="false" onclick="getIndex(this)">
    <asp:ListItem Text="one" Value="one"></asp:ListItem>
    <asp:ListItem Text="two" Value="two"></asp:ListItem>
    <asp:ListItem Text="three" Value="three"></asp:ListItem>
    </asp:RadioButtonList>
    </div>
    <div id="divone" style="display:none" >
    <iframe id="ifone" src="one.aspx" ></iframe>
        </div>  
    <div id="divtwo" style="display:none" >
    <iframe id="iftwo" src="two.aspx" runat="server"></iframe>
    </div>
    <div id="divthree" style="display:none" >
    <iframe id="ifthree" src="three.aspx" runat="server"></iframe>
    </div>

我正在使用 Java 脚本作为

  <script type="text/javascript">
     function getIndex(r) {
         var rbs = r.getElementsByTagName("INPUT");
         for (var i = 0; i < rbs.length; i++) {
             if (rbs[i].checked) {
                 var value = rbs[i].value;
                 debugger;
                 if (value == "one") {
                     hide();
                     document.getElementById('divone').style.display = "block";
                 }
                 if (value == "two") {
                     hide();
                     document.getElementById('divtwo').style.display = "block";
                 }
                 if (value == "three") {
                     hide();
                     document.getElementById('divthree').style.display = "block";
                 }
             }
         }
     }
     function hide() {
         document.getElementById('divone').style.display = "none";
         document.getElementById('divtwo').style.display = "none";
         document.getElementById('divthree').style.display = "none";
     }

</script>

最后修改的版本我已经放置。它现在正在工作

4

1 回答 1

0

我得到了解决方案只是做可见性：隐藏将保留 div 占用的空间。所以必须使用 style="display:none" 并显示 style="display:block"

于 2013-08-25T21:02:49.453 回答