一个javascript函数隐藏控件的有关问题！需解决-ASP.NET教程-爱易网页

一个javascript函数隐藏控件的有关问题！需解决

日期：2014-05-18　浏览次数：20414 次

一个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 "

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

一个javascript函数隐藏控件的有关问题！需解决

相关资料更多>

推荐阅读更多>