jasmine214--love

只有当你的内心总是充满快乐、美好的愿望和宁静时，你才能拥有强壮的体魄和明朗、快乐或者宁静的面容。
posts - 731, comments - 60, trackbacks - 0, articles - 0

Select---几种隐藏 的实现

Posted on 2010-07-04 18:29 幻海蓝梦 阅读(5044) 评论(1)  编辑  收藏 所属分类: JS 、CSS

1.js select 隐藏option
<body onload="document.getElementsByTagName('OPTION')[2].outerHTML=''">
<SELECT name="d_source" length=2>
<OPTION value=www.51js.com selected>www.51js.com</OPTION>
<OPTION value=www.ccbfu.com>www.ccbfu.com</OPTION>
<OPTION value="我会隐藏">我被隐藏了</OPTION>

</SELECT>


另一种隐藏table的
 1<script> 
 2function setChange() 
 3{ 
 4if (document.f.selfs.value == "1") 
 5{ 
 6document.all.tb1.style.display = "block"; 
 7} 
 8else 
 9{ 
10document.all.tb1.style.display = "none"; 
11} 
12if (document.f.selfs.value == "2") 
13{ 
14document.all.tb2.style.display = "block"; 
15} 
16else 
17{ 
18document.all.tb2.style.display = "none"; 
19} 
20} 
21
22</script>
23<form name=f>
24
25    <select name="selfs" size="1 onchange="setChange()">
26        选择方式
27        <option value="1">
28            方式1
29        </option>
30        <option value="2">
31            方式2
32        </option>
33    </select>
34
35    <table id='tb1' style='DISPLAY:none'>
36        方式1 方式1 方式1
37    </table>
38
39    <table id='tb2' style='DISPLAY:none'>
40        方式2 方式2 方式2
41    </table>
42</form>
43

Feedback

# re: Select---几种隐藏 的实现  回复  更多评论   

2013-01-18 17:17 by 321
321

只有注册用户登录后才能发表评论。
网站导航: