页面分成两部分,上面为一个table,里面有一个下拉框和一个图片按钮;下面还有多个table,默认为隐藏,根据上面table里选择下拉框的值点按钮,显示下面相关的table,请问如何实现??

解决方案 »

  1.   

     table  style="<%=m_sHidden %>"
     protected string m_cHidden
     根据上面table里选择下拉框的值点按钮事件
     m_cHidden = "display:none";//隐藏
     m_cHidden = "display:block";//显示
      

  2.   

    <table id="xxx" style="display:none">
    用这样的方式隐藏
    用js来控制其他的显示与隐藏
      

  3.   

    document.getElementById(tablename).style.display='block'
    document.getElementById(tablename).style.display='none'
      

  4.   


    document.getElementById(tableid).style.display='block'
    document.getElementById(tableid).style.display='none'
      

  5.   


    龌龊的办法:前台<div id = "viewTable" runat="server">
        <table  width=.....>
        </table>
    </div>
    后台
    if (//条件)
    {
       viewTable.visable = true;
    }没有龌龊,只有更龌龊。^_^
      

  6.   


    <script type="text/javascript">
            function show(id)
            {
                if(document.getElementById(id).style.display=="none")
                {
                    document.getElementById(id).style.display="block";
                }
                else
                {
                     document.getElementById(id).style.display="none";
                }
            }
            </script>
    <select id="Select1" style="width: 123px" onchange="show(this.value)">
                <option selected="selected" value="">请选择</option>
                <option value="table1">表一</option>
                <option value="table2">表二</option>
                <option value="table3">表三</option>
            </select>
            <table id="table1" style="background-color: #ff00ff">
                <tr>
                    <td style="width: 100px">
                        1</td>
                    <td style="width: 100px">
                    </td>
                    <td style="width: 100px">
                    </td>
                </tr>
                <tr>
                    <td style="width: 100px">
                    </td>
                    <td style="width: 100px">
                    </td>
                    <td style="width: 100px">
                    </td>
                </tr>
                <tr>
                    <td style="width: 100px">
                    </td>
                    <td style="width: 100px">
                    </td>
                    <td style="width: 100px">
                    </td>
                </tr>
            </table>
            <table id="table2" style="background-color: gray">
                <tr>
                    <td style="width: 100px">
                        2</td>
                    <td style="width: 100px">
                    </td>
                    <td style="width: 100px">
                    </td>
                </tr>
                <tr>
                    <td style="width: 100px">
                    </td>
                    <td style="width: 100px">
                    </td>
                    <td style="width: 100px">
                    </td>
                </tr>
                <tr>
                    <td style="width: 100px">
                    </td>
                    <td style="width: 100px">
                    </td>
                    <td style="width: 100px">
                    </td>
                </tr>
            </table>
            <table id="table3" style="background-color: blue">
                <tr>
                    <td style="width: 100px; height: 21px">
                        3</td>
                    <td style="width: 100px; height: 21px">
                    </td>
                    <td style="width: 100px; height: 21px">
                    </td>
                </tr>
                <tr>
                    <td style="width: 100px">
                    </td>
                    <td style="width: 100px">
                    </td>
                    <td style="width: 100px">
                    </td>
                </tr>
                <tr>
                    <td style="width: 100px">
                    </td>
                    <td style="width: 100px">
                    </td>
                    <td style="width: 100px">
                    </td>
                </tr>
            </table>
      

  7.   

    table     style=" <%=m_sHidden   %> " 
      protected   string   m_sHidden   
      根据上面table里选择下拉框的值点按钮事件 
      m_sHidden   =   "display:none";//隐藏 
      m_sHidden   =   "display:block";//显示
      

  8.   

    visable这个事件就是用来显示和隐藏控件的,先把控件visable属性设置为false,在下拉事件中设置回TURE就好
      

  9.   

    前台:
    <asp:Panel runat="server" ID="testPanel">
      <table> </table>
    </asp:Panel>后台:
    testPanel.Visible = true/flase;
      

  10.   

    强烈支持9楼的,这样做可以不用回发页面,而且也适用于jsp和php。不过用select会有些混乱。不如用鼠标点击时间。