JS 如果改变span标签的是否隐藏属性

ttx9n · 发表于 2011-10-6 23:15:59

JS 如果改变span标签的是否隐藏属性,大家根据需要选择使用。测试：
test.html
代码：

复制代码代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE="JavaScript" src="js/Menu.js"></SCRIPT>
</HEAD>
<BODY>
<table>
<tr>
<td>
<form method="post" action="#">
查询类型<select id="selectType" name="selectType" onchange="isChang1(this.value)">
<option value="yxsh">按院系</option>
<option value="zgh">职工号</option>
<option value="xm">姓名</option>
</select>
<span id="yxsh" style=display:>院系
<select id="depart" name="depart">
<option value="all">所有院系</option>
<option value="123">123</option>
<option value="123">123</option>
<option value="123">123</option>
<option value="123">123</option>
<option value="123">123</option>
</select>
课程分配
<select id="isAll" name="isAll">
<option value="all">所有</option>
<option value="NO">未分配</option>
<option value="YES">已分配</option>
</select>
</span>
<span id="key" style=display:none>
<input type="text" name="keyword" id="keyword"/>
</span>
<input type="submit" value="查询"/>
</form>
</BODY>
</HTML>

js/Menu.js
代码：
复制代码代码如下:
//这是用了自定义的方法hideElement()和shwoElement()
function isChang(values)
{
if(values=="yxsh"){
hideElement("key");
showElement("yxsh");
}else{
hideElement("yxsh");
showElement("key");
}
}
//自定义方法hideElement()
function hideElement(id){
document.getElementById(id).style.display="none";
}
//自定义方法showElement()
function showElement(id){
document.getElementById(id).style.display="";
}
//这是不用自定义函数直接设置是否隐藏
function isChang1(values)
{
if(values=="yxsh"){
document.getElementById("yxsh").style.display="";
document.getElementById("key").style.display="none";
}else{
document.getElementById("yxsh").style.display="none";
document.getElementById("key").style.display="";
}
}

测试结果：
其默认选择是：按院系
这是如果我们选择的是：不按院系，即按：职工号或姓名，那么，
这时就会隐藏：
<span id="yxsh" style=display:none>...</span>
并且<span id="key" style=display:>...</span>
如果我们是选择：按院系，即默认情况下
那么，结果是：
<span id="yxsh" style=display:>...</span>
并且<span id="key" style=display:none>...</span>

pb_tjc · 发表于 2022-12-21 06:42:23

天天源码社区论坛

plvo189 · 发表于 2023-1-24 15:35:33

看到这帖子真是高兴！

mkonji · 发表于 2023-1-27 11:35:10

天天源码社区。。。。

a971560 · 发表于 2023-8-30 05:08:35

啦啦啦啦啦啦哈哈哈

rveqwdpw5 · 发表于 2023-10-19 00:36:24

天天源码社区。。。。

9jduu05 · 发表于 2023-11-5 00:17:16

啦啦啦啦啦德玛西亚

idy6_yus · 发表于 2024-3-26 09:02:48

怕怕怕怕怕怕怕怕怕怕怕怕怕怕

z835648964 · 发表于 2024-5-15 07:47:52

啊，数码撒飒飒飒飒

ppwxcg · 发表于 2024-5-26 10:28:43

天天源码社区论坛

账号		自动登录	找回密码
密码			立即注册

[JavaScript] JS 如果改变span标签的是否隐藏属性

相关帖子