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>
2.隱藏所有select.
<script type=text/javascript>
function hideAllSelect()
{
var selects = document.getElementsByTagName("SELECT");
for(var i = 0 ; i<selects.length;i++)
{
selects[i].style.display = "none";
}
}
</script>
3.根據(jù)select值 隱藏其他表單項
<script type=text/javascript>
function hideAllSelect()
{
var selects = document.getElementsByTagName("SELECT");
for(var i = 0 ; i<selects.length;i++)
{
selects[i].style.display = "none";
}
}
</script>
3.根據(jù)select值 隱藏其他表單項
?1
<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
?2
<html?xmlns="http://www.w3.org/1999/xhtml">
?3
?<head>
?4
?<meta?http-equiv="Content-Type"?content="text/html;?charset=UTF-8">
?5
??<script?type="text/javascript">
?6
??//<
????function?switchView(v)
{
?9
??????document.getElementById('form_'+s).style.display?=?'none';//隱藏上一個顯示的
10
??????document.getElementById('form_'+v).style.display?=?'';//顯示選擇的.
11
??????s?=?v;
12
????}
13
??//]]>
14
??</script>
15
?</head>
16
?<body>
17
??<form?action=""?name="option"?>
18
????<select?onchange="switchView(this.value)">
19
??????<option?value="1"?selected="selected">測試一</option>
20
??????<option?value="2">測試二</option>
21
????</select>
22
????<div?id="form_1">
23
??????<input?type="checkbox"?name="test1"?id="c_1"><label?for="c_1">選項一</label>
24
????</div>
25
????<div?id="form_2"?style="display:none">
26
??????<input?type="checkbox"?name="test2"?id="c_2"><label?for="c_2">選項二</label>
27
????</div>
28
????<input?type="submit"?value="提交!">
29
??</form>
30
?</body>
31
</html>

?2

?3

?4

?5

?6

?7

?8



?9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

另一種隱藏table的
?1
<script>?
?2
function?setChange()?
?3

{?
?4
if?(document.f.selfs.value?==?"1")?
?5

{?
?6
document.all.tb1.style.display?=?"block";?
?7
}?
?8
else?
?9

{?
10
document.all.tb1.style.display?=?"none";?
11
}?
12
if?(document.f.selfs.value?==?"2")?
13

{?
14
document.all.tb2.style.display?=?"block";?
15
}?
16
else?
17

{?
18
document.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

?2

?3



?4

?5



?6

?7

?8

?9



10

11

12

13



14

15

16

17



18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43
