一个javascript函数隐藏控件的问题！急需解决！
<head runat= "server ">
<title> 无标题页 </title>
<script type= "text/javascript ">
function ChangeDate()
{
.....
}
</script>
</head>
<body>
<form id= "form1 " runat= "server ">
<div>
<select id= "CltVisitMode " runat= "server " onchange= "ChangeDate() ">
<option value= " " selected= "selected "> 请选择 </option>
<option value= "电话 "> 电话 </option>
<option value= "上门 "> 上门 </option>
<input id= "Text1 " type= "text " runat= "server " />
<asp:Label ID= "Label1 " runat= "server " Text= "Label "> </asp:Label>
</select>
</div>
</form>
</body>
代码如上 在aspx文件中 当选择 "电话 "的时候把 Text1 和 Label1 隐藏不显示 当选择 "上门 "的时候 Text1 和 Label1 显示出来 ChangeDate()函数如何写？谢谢！
[解决办法]
把 Text1 和 Label1 都放到一个 <div id= 'div1 ' style= "display:none "> <div>
function ChangeDate()
{
var a = document.getElementsById( "div1 ");
a.style.display = " ";
}
这样试试...
[解决办法]
function ChangeDate()
{
oEl = event.srcElement;
if (oEl.options[oEl.selectedIndex].value== '电话 ')
{
document.getElementById( 'Text1 ').style.display= 'none ';
document.getElementById( 'Label1 ').style.display= 'none ';
}
else
{
document.getElementById( 'Text1 ').style.display= ' ';
document.getElementById( 'Label1 ').style.display= ' ';
}
}
[解决办法]
<head id= "Head1 " runat= "server ">
<title> 无标题页 </title>
<script type= "text/javascript ">
function ChangeDate()
{
if(document.getElementById( "CltVisitMode ").value== "电话 ")
{
document.getElementById( "Text1 ").style.display= "none ";
document.getElementById( "Label ").style.display= "none ";
}
else
{
document.getElementById( "Text1 ").style.display= "block ";
document.getElementById( "Label ").style.display= "block ";
}
}
</script>
</head>
<body>
<form id= "form1 " runat= "server ">
<div>
<select id= "CltVisitMode " runat= "server " onchange= "ChangeDate() ">
<option value= " " selected= "selected "> 请选择 </option>
<option value= "电话 "> 电话 </option>
<option value= "上门 "> 上门 </option>
</select>
<input id= "Text1 " type= "text " runat= "server " />
<asp:Label ID= "Label1 " runat= "server " Text= "Label "> </asp:Label>
</div>
</form>
</body>
