有一个表格,在打开页面的时候单元格中文本3和5会隐藏,在下拉框中选择相应选项以后便显示出来,谢谢
<html>
<head>
<table border=1>
<tr><td>1</td><td>2</td></tr>
<tr><td>3</td><td>4</td></tr>
<tr><td>5</td><td>6</td></tr>
<tr><td>3</td><td>6</td></tr>
</table>
<select onChange="">
       <option selected>请选择
        <option value="3">3
        <option value="5">5
</body>
</html>

解决方案 »

  1.   

    这是隐藏 td 节点
    要是单纯文本
    td内 你要增加标签
    样式表 跟脚本
    再修正一下 就可以了<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <style type="text/css">
    .tdHid{visibility:hidden;}
    </style>
    <script type="text/javascript">
    function showTD(){
    var objSel = document.getElementById("sel");
    if(objSel != null){
    var optionValue = objSel.options[objSel.selectedIndex].value;
    if(optionValue != ""){
    var objTD = document.getElementById("td" + optionValue);
    if(objTD != null){
    if(objTD.style.visibility != "visible"){
    objTD.style.visibility = "visible";
    }
    }
    }
    }}
    </script>
    </head><body>
    <table border=1> 
    <tr> <td> 1 </td> <td> 2 </td> </tr> 
    <tr> <td class="tdHid" id="td3"> 3 </td> <td> 4 </td> </tr> 
    <tr> <td class="tdHid" id="td5"> 5 </td> <td> 6 </td> </tr> 
    <tr> <td> 3 </td> <td> 6 </td> </tr> 
    </table>
     
    <select onChange="showTD()" id="sel"> 
          <option selected> 请选择 </option>
          <option value="3"> 3 </option>
          <option value="5"> 5 </option>
    </select>   
    </body> 
    </html> 
    </body>
      

  2.   

    display:none 不显示去掉就是显示了,
      

  3.   

    <html> 
    <head> 
    <script language="javascript">
      function init()
      {
     var td=document.getElementsByTagName("td");
    for(var i=0;i<td.length;i++)
    {
    var txt=td[i].innerText;
     if(txt=="3"||txt=="5")
     td[i].style.visibility="hidden";
    }
    }
    </script>
    <script language="javascript">
    function show()
    {
    var td=document.getElementsByTagName("td");
    for(var i=0;i<td.length;i++)
    {
      var sec=document.getElementById("sec");
     
      var txt=td[i].innerText;
      var opn=sec.options[sec.selectedIndex].text;
      if(txt==opn)
         td[i].style.visibility="visible";}
    }</script>
    <body onload="init()">
    <table   border=1> 
    <tr> <td>1</td> <td> 2 </td> </tr> 
    <tr> <td>3</td> <td> 4 </td> </tr> 
    <tr> <td>5</td> <td> 6 </td> </tr> 
    <tr> <td>3</td> <td> 6 </td> </tr> 
    </table>
    <select   onChange="show()" id="sec" > 
                  <option   selected> 请选择 </option>
                    <option   > 3 </option>
                    <option   > 5 </option>
                    
       </select>             
    </body> 
    </html> 
      

  4.   

    最好是用display:none用visibility的话只是隐藏掉