层的显示与隐藏不成功

Tody Guo 2010-06-19 03:09:11
为什么下面的这个实现层的显示和隐藏就不能在IE上运行不起来，再FIREFOX是OK的呀？郁闷


<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<link  rel="stylesheet" href="style/main.css"  type="text/css"> 

<title>查询页面</title>

<script language="javascript">

  function id1show()

        {

            document.getElementById("ID1").style.display = "block";

            document.getElementById("ID2").style.display = "none";

            document.getElementById("ID3").style.display = "none";



        }

 function id2show()

        {

            document.getElementById("ID1").style.display = "none";

            document.getElementById("ID2").style.display = "block";

            document.getElementById("ID3").style.display = "none";



        }

		

 function id3show()

        {

            document.getElementById("ID1").style.display = "none";

            document.getElementById("ID2").style.display = "none";

            document.getElementById("ID3").style.display = "block";



        }

</script>

<script src="lib/WebCalendar.js" type="text/javascript"></script>

<style type="text/css">

#ID1{

	position:absolute;

	left:51px;

	top:32px;

	width:331px;

	height:83px;

	z-index:1;

}

#ID2{

	position:absolute;

	left:572px;

	top:27px;

	width:496px;

	height:35px;

	z-index:2;

}



#ID3{

	position:absolute;

	left:310px;

	top:29px;

	width:318px;

	height:48px;

	z-index:3;

}



</style>

</head>



<body background="image/bg.png">

<form name="form1" method="post" action="query.php?s=ok">

  <div id="ID1">ECN NO: 

    <input name="ECN_NO" type="text" id="ECN_NO">

    <input type="submit" name="Submit" value="查询">

  </div>

  <div id="ID2"> 

    <p>开始日期： 

      <input name="S_D" type="text" id="S_D" style="cursor:pointer" onclick="SelectDate(this,'yyyy-MM-dd')" readonly="true">

      ~ 结束日期： 

      <input name="E_D" type="text" id="E_D" style="cursor:pointer" onclick="SelectDate(this,'yyyy-MM-dd')" readonly="true">

      <input type="submit" name="Submit2" value="查询">

    </p>

    <p>  </p>

  </div>

  <div id="ID3"> 

    <p>变更内容: 

      <input name="EC_C" type="text" id="EC_C">

      <input type="submit" name="Submit3" value="查询">

    </p>

  </div>

  查询条件： 

  <select name="select">

    <option value="ECN_NO" onClick="id1show();">ECN NO</option>

    <option value="DATE_RANGE" onClick="id2show();">日期</option>

    <option value="CHANGE_CONTENT" onClick="id3show();">变更内容</option>

  </select>

</form>

</body>

</html>

...全文
108 9 打赏 收藏 转发到动态 举报
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
一弗楚 2010-06-21
  • 打赏
  • 举报
 回复
服了LZ
AMinfo 2010-06-20
  • 打赏
  • 举报
 回复 




<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<link  rel="stylesheet" href="style/main.css"  type="text/css"> 

<title>查询页面</title>

<script language="javascript">

  function id1show()

        {

            document.getElementById("ID1").style.display = "block";

            document.getElementById("ID2").style.display = "none";

            document.getElementById("ID3").style.display = "none";



        }

 function id2show()

        {

            document.getElementById("ID1").style.display = "none";

            document.getElementById("ID2").style.display = "block";

            document.getElementById("ID3").style.display = "none";



        }

        

 function id3show()

        {

            document.getElementById("ID1").style.display = "none";

            document.getElementById("ID2").style.display = "none";

            document.getElementById("ID3").style.display = "block";



        }

</script>

<script src="lib/WebCalendar.js" type="text/javascript"></script>

<style type="text/css">

#ID1{

    position:absolute;

    left:51px;

    top:32px;

    width:331px;

    height:83px;

    z-index:1;

}

#ID2{

    position:absolute;

    left:572px;

    top:27px;

    width:496px;

    height:35px;

    z-index:2;

}



#ID3{

    position:absolute;

    left:310px;

    top:29px;

    width:318px;

    height:48px;

    z-index:3;

}



</style>

</head>



<body background="image/bg.png">

<form name="form1" method="post" action="query.php?s=ok">

  <div id="ID1">ECN NO: 

    <input name="ECN_NO" type="text" id="ECN_NO">

    <input type="submit" name="Submit" value="查询">

  </div>

  <div id="ID2"> 

    <p>开始日期： 

      <input name="S_D" type="text" id="S_D" style="cursor:pointer" onclick="SelectDate(this,'yyyy-MM-dd')" readonly="true">

      ~ 结束日期： 

      <input name="E_D" type="text" id="E_D" style="cursor:pointer" onclick="SelectDate(this,'yyyy-MM-dd')" readonly="true">

      <input type="submit" name="Submit2" value="查询">

    </p>

    <p>  </p>

  </div>

  <div id="ID3"> 

    <p>变更内容: 

      <input name="EC_C" type="text" id="EC_C">

      <input type="submit" name="Submit3" value="查询">

    </p>

  </div>

  查询条件：

   <select name="select" onchange="eval('id'+(this.selectedIndex+1)+ 'show();');">  

    <option value="ECN_NO">ECN NO</option>

    <option value="DATE_RANGE">日期</option>

    <option value="CHANGE_CONTENT">变更内容</option>

  </select>

</form>

</body>

</html>
yangsenle 2010-06-20
  • 打赏
  • 举报
 回复
<select name="select">
<option value="ECN_NO" onClick="id1show();">ECN NO</option>
<option value="DATE_RANGE" onClick="id2show();">日期</option>
<option value="CHANGE_CONTENT" onClick="id3show();">变更内容</option>
</select>
这里有问题啊

<select name="select"> 这里面去加事件啊 可根据不同的值调用不同的方法
qingYun1029 2010-06-20
  • 打赏
  • 举报
 回复
select中onChange()方法。。。
qingYun1029 2010-06-20
  • 打赏
  • 举报
 回复
改为onmouseover()和onmouseout()时间
鼠标移进移出。。
leejelen 2010-06-19
  • 打赏
  • 举报
 回复 
<select   name= "select "   onchange= "eval( 'id '+(this.selectedIndex+1)+ 'show() '); ">         

    <option   value= "ECN_NO "> ECN   NO </option>         

    <option   value= "DATE_RANGE "> 日期 </option>         

    <option   value= "CHANGE_CONTENT "> 变更内容 </option>     

</select>
leejelen 2010-06-19
  • 打赏
  • 举报
 回复 


<select name="select" onchange="eval('id'+(this.selectedIndex+1)+'show()');">    

  <option value="ECN_NO">ECN NO</option>    

  <option value="DATE_RANGE">日期</option>    

  <option value="CHANGE_CONTENT">变更内容</option>  

</select>
leejelen 2010-06-19
  • 打赏
  • 举报
 回复
option里面应该改成onchange事件吧
一弗楚 2010-06-19
  • 打赏
  • 举报
 回复 
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <link rel="stylesheet" href="style/main.css" type="text/css"> <title>查询页面</title> <script language="javascript">  function id1show() { document.getElementById("ID1").style.display = "block"; document.getElementById("ID2").style.display = "none"; document.getElementById("ID3").style.display = "none"; } function id2show() { document.getElementById("ID1").style.display = "none"; document.getElementById("ID2").style.display = "block"; document.getElementById("ID3").style.display = "none"; } function id3show() { document.getElementById("ID1").style.display = "none"; document.getElementById("ID2").style.display = "none"; document.getElementById("ID3").style.display = "block"; } </script> <script src="lib/WebCalendar.js" type="text/javascript"></script> <style type="text/css"> #ID1{  position:absolute;  left:51px;  top:32px;  width:331px;  height:83px;  z-index:1; } #ID2{  position:absolute;  left:572px;  top:27px;  width:496px;  height:35px;  z-index:2; } #ID3{  position:absolute;  left:310px;  top:29px;  width:318px;  height:48px;  z-index:3; } </style> </head> <body background="image/bg.png"> <form name="form1" method="post" action="query.php?s=ok">  <div id="ID1">ECN NO: <input name="ECN_NO" type="text" id="ECN_NO">  <input type="submit" name="Submit" value="查询">  </div>  <div id="ID2"> <p>开始日期： <input name="S_D" type="text" id="S_D" style="cursor:pointer" onclick="SelectDate(this,'yyyy-MM-dd')" readonly="true">  ~ 结束日期： <input name="E_D" type="text" id="E_D" style="cursor:pointer" onclick="SelectDate(this,'yyyy-MM-dd')" readonly="true">  <input type="submit" name="Submit2" value="查询">  </p>  <p>  </p>  </div>  <div id="ID3"> <p>变更内容: <input name="EC_C" type="text" id="EC_C">  <input type="submit" name="Submit3" value="查询">  </p>  </div>  查询条件： <select name="select" onchange="eval('id'+(this.selectedIndex+1)+'show()');">  <option value="ECN_NO">ECN NO</option>  <option value="DATE_RANGE"">日期</option>  <option value="CHANGE_CONTENT">变更内容</option>  </select> </form> </body> </html>
遮罩层的显示和隐藏
遮罩层的显示和隐藏 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 开发工具与关键技术：DW 作者：卢佳琪 撰写时间：撰写时间：2019年1月15日 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~...
AD如何快速的显示和隐藏敷铜
在AD设计时，不难免在敷完铜后要修改走线，优化布局，如果经常去敷铜管理中去隐藏和开启就很麻烦了，这时我们需要自定义快捷键来快速实现敷铜的显示和隐藏。2、在对话框左边栏中选择“All”，在右边栏中找到需要设置快捷键的栏目双击，如我输入“隐藏”后双击隐藏敷铜，进入到快捷键设置界面。1、首先，在菜单栏空白处单击鼠标右键，执行“Customize”命令，3、在可选处按快捷键“ctrl+-”，按确定设置。当出现下图所示表示设置成功。
DIV的显示与隐藏属性设置
$("#div").attr("style","display:block"); $("#div").attr("style","display:none"); $("#div").show(); $(".div")[0].style.display = 'none'; $(".div")[0].style.display = 'block'; visibility隐藏的对象还保留对象显示时所...
神经网络的隐藏层
通常，卷积神经网络除了输入和输出层之外还有四个基本的神经元层，在三层神经网络中，这基层被称为隐藏层 卷积层（Convolution） 激活层（Activation） 池化层（Pooling） 完全连接层（Fully connected） 卷积层 在最初的卷积层中，成千上万的神经元充当第一组过滤器，搜寻图像中的每个部分和像素，找出模式（pattern）。随着越来越多的图像被处理，每个...
神经网络/多层感知器（MLP）架构：选择隐藏层数量和大小的标准
神经网络/多层感知器隐藏层个数以及大小设置标准：隐藏层个数： 一个零隐藏层的模型可以解决线性可分数据。所以除非你早知道你的数据线性不可分，证明它也没什么坏处—为什么使用比任务需求更困难的模型。如果它是线性可分的那么一个更简单的技术可以工作，感知器也可以。 假设您的数据确实需要通过非线性技术进行分离，则始终从一个隐藏层开始。几乎肯定这就是你所需要的。如果你的数据使用MLP是可分的，那么
JavaScript

87,914

社区成员

224,620

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章