jasmine214--love

只有當你的內心總是充滿快樂、美好的愿望和寧靜時，你才能擁有強壯的體魄和明朗、快樂或者寧靜的面容。

posts - 731, comments - 60, trackbacks - 0, articles - 0

Select---幾種隱藏的實現

Posted on 2010-07-04 18:29 幻海藍夢閱讀(5060) 評論(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的

<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

</script>
23

<form?name=f>
24

????<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

????<table?id='tb1'?style='DISPLAY:none'>
36

????????方式1?方式1?方式1
37

????</table>
38

????<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

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: JS--頁面返回/跳轉/刷新 Mootool-Ajax 寫法（包括其他JS庫的） MooTools vs Prototype 核心源碼比較 JS --Hash/Array--（遍歷）each方法 Mootools ---DOM操作 SVG --介紹 DOM--Document詳細的方法list Thinking in VML---第一部分 VML入門不為人知的JS調用樣式的方法---document.createElement().addRule(..) JS--命名空間的理解（namespace）

jasmine214--love

導航

公告

常用鏈接

留言簿(10)

隨筆分類(920)

隨筆檔案(724)

收藏夾(15)

Ajax

JS

VC++

WLAN

版本管理

網管軟件

項目管理

高手成長

最新隨筆

搜索

最新評論

閱讀排行榜

評論排行榜

Select---幾種隱藏的實現

Feedback

# re: Select---幾種隱藏的實現 回復 更多評論

jasmine214--love

導航

公告

常用鏈接

留言簿(10)

隨筆分類(920)

隨筆檔案(724)

收藏夾(15)

Ajax

JS

VC++

WLAN

版本管理

網管軟件

項目管理

高手成長

最新隨筆

搜索

最新評論

閱讀排行榜

評論排行榜

Select---幾種隱藏 的實現

Feedback

# re: Select---幾種隱藏 的實現 回復 更多評論

Select---幾種隱藏的實現

# re: Select---幾種隱藏的實現回復更多評論