如果通过tr的id来隐藏页面是不好用的,一般都是在外面加上一个div
看代码
<!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=gb2312" />
<title>javascript获取下拉列表的值</title>
<script type="text/javascript">
function hid(){
alert("12345689");
//var te = document.getElementById("trid");
//var par = te.parentNode.parentNode;
//alert(par.innerHTML);
//te.style.display='none'
if(document.getElementById('div111').style.display == ""){
document.getElementById('div111').style.display = "none"
document.getElementById("button1").value="显示tr"
}else{
document.getElementById('div111').style.display = ""
}
}
</script>
</head>
<body style="text-align:center">
<div id="div111">
<tr id="trid">
<p>JavaScript获取下拉列表的值</p>
<p>
<select id="city" >
<option value="1">北京</option>
<option value="2">上海</option>
<option value="3">广州</option>
<option value="4">深圳</option>
<option value="5">重庆</option>
<option value="6">南京</option>
<option value="7">杭州</option>
</select>
</p>
</tr>
</div>
<tr id="ttid">
<input type="button" id="button1" value="隐藏TR" οnclick="hid()"/>
<p>
</tr>
</p>
</body>
</html>