设为首页收藏本站

新微赢技术网

 找回密码
 注册
搜索
热搜: 回贴
查看: 68|回复: 3
打印 上一主题 下一主题

[求助]通过列表选择,隐藏与显示TD中的内容

[复制链接]
跳转到指定楼层
1#
发表于 2010-1-8 02:22:18 | 只看该作者 回帖奖励 |正序浏览 |阅读模式
<tr>
<td height="28" colspan="3">求购类别:
<select name="ypxxone_newid" onChange="show(value)">
<option value="" selected>请选择类别</option>
<option value="<%=rs11("SMT_ypxxone_id")%>"><%=rs11("SMT_ypxxone")%></option>
<%rs11.movenext
wend
rs11.Close()
%>
</select>
</td>
</tr><script language="JavaScript">
<!--
var obj=null;
function show(v){
if (td1.style.display == "none") {
if(obj)obj.style.visibility='hidden'
if(obj=document.getElementById(v))obj.style.visibility='visible'
td1.style.display="";}
else{
td1.style.display="none";}
}//-->
</script>
<tr>
<td colspan="3" id="td1" style="display:none ">
<div id="all" style="position:relative; height:200;">
<div id="50" style="position:absolute; top: 0; left:0; visibility: hidden">
<table width="480">
<tr>
<td width="25%" height="20" align="left"><input name="checkbox_x" type="checkbox" style="border:0" value="<%=rs12("SMT_ypxxtwo_id")%>"><%=rs12("SMT_ypxxtwo")%></td>
</tr>
</table>
</div>
<div id="49" style="position:absolute; top: 0; left:0; visibility: hidden">
<table width="480" border="0" cellpadding="0" cellspacing="0" class="font">
<tr align="left">
<td width="25%" height="20" align="left"><input name="checkbox_x" type="checkbox" style="border:0" value="<%=rs13("SMT_ypxxtwo_id")%>"><%=rs13("SMT_ypxxtwo")%></td>
</tr>
</table>
</div>
<div id="48" style="position:absolute; top: 0; left:0; visibility: hidden">
<table width="480" border="0" cellpadding="0" cellspacing="0" class="font">
<tr align="left">
<td width="25%" height="20" align="left"><input name="checkbox_x" type="checkbox" style="border:0" value="<%=rs14("SMT_ypxxtwo_id")%>"><%=rs14("SMT_ypxxtwo")%></td>
</tr>
</table>
</div>
<div id="47" style="position:absolute; top: 0; left:0; visibility: hidden">
<table width="480" border="0" cellpadding="0" cellspacing="0" class="font">
<tr align="left">
<td width="25%" height="20" align="left"><input name="checkbox_x" type="checkbox" style="border:0" value="<%=rs15("SMT_ypxxtwo_id")%>"><%=rs15("SMT_ypxxtwo")%></td>
</tr>
</table>
</div>
<div id="51" style="position:absolute; top: 0; left:0; visibility: hidden">
<table width="480" border="0" cellpadding="0" cellspacing="0" class="font">
<tr align="left">
<td width="25%" height="20" align="left"><input name="checkbox_x" type="checkbox" style="border:0" value="<%=rs16("SMT_ypxxtwo_id")%>"><%=rs16("SMT_ypxxtwo")%></td>
</tr>
</table>
</div>
</div>
</td>
</tr>

怎样通过选择列表的其中一项,显示该内容,并且隐藏其他DIV,初始化时,该TD1是隐藏的。
3#
发表于 2010-1-8 02:22:24 | 只看该作者
><script language="JavaScript">
<!--
var obj=null;
function show(v){
if (td1.style.display == "none") {
if(obj)obj.style.visibility='hidden'
if(obj=document.getElementById(v))obj.style.visibility='visible'
td1.style.display="";
}
else{
td1.style.display="none";
}
}
//隐藏显示所有Div
function HiddenShowDiv(Action)
{
var Divs=document.getElementByTagName("DIV");//获得当前网页所有Div
//循环所有Div元素
for(var i=0;i<Divs.length;i++)
{
if(Action=="hidden")
Divs[i].style.display="none";//隐藏Div
else
Divs[i].style.display="inline";//显示Div
}
}
//-->
</script>
回复 支持 反对

使用道具 举报

2#
发表于 2010-1-8 02:22:21 | 只看该作者
- -||
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

申请友链|小黑屋|最新主题|手机版|新微赢技术网 ( 苏ICP备08020429号 )  

GMT+8, 2024-11-19 02:38 , Processed in 0.064660 second(s), 9 queries , Gzip On, Memcache On.

Powered by xuexi

© 2001-2013 HaiAn.Com.Cn Inc. 寰耽

快速回复 返回顶部 返回列表