有一个表格,在打开页面的时候单元格中文本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>
<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>
要是单纯文本
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>
<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>