憨厚生

----Java's Slave----
***Java's Host***

BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合

:: 管理 ::

165 隨筆 :: 17 文章 :: 90 評論 :: 0 Trackbacks

<

2007年4月

>

日

一

二

三

四

五

六

25

26

27

28

29

30

31

1

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

1

2

3

4

5

公告

本博客只作為本人學習資料使用,如侵犯你的相關權益,請聯系我!我會盡快做出處理! 如商業用途請讓本人知道,轉摘保留本人姓名,blog地址.
Email:

常用鏈接

留言簿(6)

隨筆分類(185)

隨筆檔案(165)

文章檔案(17)

http://www.blogcn.com/u3/19/23/zhjhlz/inde

A JavaScript Fancier
BlueDavy
eamoi
GaoPengBolg
Java Idioms
JAVA技術研究中心
JAXMAO-TOMCAT 中文版
jianhan
時光的洪流中我們總會長大
laoflch
Laruence
sysdesign
tippingpoint
zhuyongjp
馮大輝
馮大輝，就職于阿里巴巴集團旗下支付寶（中國）網絡科技有限公司（Alipay.com），擔任數據庫架構師，負責支付寶數據庫架構規劃、解決方案等相關工作。2007 年國內首批 Oracle ACE. 網上 ID 為“Fenng”，業余時間關注 Web 2.0 網站架構技術。個人Blog：http://www.dbanotes.net。
劉文濤(Pattern,UML,Struts2,Hibernate3,Spring2,Oracle,mysql,weblogic,tomcat,compass,lucene,nutch,sitemesh,freemarker,div,css,ExtJs,Flex,seo)
前端設計
李松峰
王澤賓
知道分子
杭州人。沉浸于 Linux 系統管理十余年，以此為業逾五載。目前供職于某著名電子商務網站，任運維架構師。業余偶獵文史哲社政法諸學，好讀書，不求甚解。游戲文字，自娛娛人。聊為無益之事，以遣有涯之生也。
西湖邊的窮秀才-文初
設計模式
趙小刀的文字吧
軟件開發資料匯總
阿蒙專欄
陳科學院
高春輝的 BLOG

搜索

積分與排名

積分 - 114738
排名 - 515

閱讀排行榜

評論排行榜

轉動態給select添加選項的常用方法

web開發中，經常需要給select動態添加數據，常用的方法有幾種：

1.基于dom方式的添加

2.使用innerHTML添加

3.object方式添加

以下是示例

< html >

< head >

< script >

var city = new Array();

city[ 0 ] = " 西安 " ;

city[ 1 ] = " 烏魯木齊 " ;

city[ 2 ] = " 西寧 " ;

city[ 3 ] = " 北京 " ;

function objectF()

{

var s = document.getElementById( " object " );

for (var i = 0 ;i < city.length;i ++ )

{

var option = new Option(city[i],i);

s.options[i] = option;

}

function domF()

{

var s = document.getElementById( " dom " );

for (var i = 0 ;i < city.length;i ++ )

{

var option = document.createElement( " option " );

var text = document.createTextNode(city[i]);

option.appendChild(text);

option.value = i;

s.appendChild(option);

}

function innerF()

{

var sel = document.getElementById( " inner " );

var str = " <select> " ;

for (var i = 0 ;i < city.length;i ++ )

{

strstr = str + " <option value=' " + i + " '> " + city[i] + " </option> "

}

strstr = str + " </select> " ;

sel.innerHTML = str;

}

</ script >

</ head >

< body >

< form >

< table >

< tr >

< td >

< select ></ select >

</ td >

< td >

< select ></ select >

</ td >

< td >

< div >

< select ></ select >

</ div >

</ td >

</ tr >

< tr >

< td >< input type = " button " value = " dom " ></ td >

< td >< input type = " button " value = " object " ></ td >

< td >< input type = " button " value = " inner " ></ td >

</ tr >

</ table >

</ body >

posted on 2007-04-22 16:48 二胡閱讀(145) 評論(0) 編輯收藏所屬分類: JS

新用戶注冊刷新評論列表


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




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: readyState的五種狀態詳解【轉】轉 JavaScript:全面解析Ajax跨站數據傳輸和iframe跨域名js調用(6種方法) 優化JavaScript代碼如何判斷瀏覽器是否禁用Cookie JavaScript中的null和undefined JavaScript中+運算符號關于(new Date).getTime()的疑惑關于jquery-1.3.1.js中的window=this的理解轉耦合異步腳本轉解剖JavaScript中的null和undefined.

憨厚生

公告

常用鏈接

留言簿(6)

隨筆分類(185)

隨筆檔案(165)

文章檔案(17)

http://www.blogcn.com/u3/19/23/zhjhlz/inde

搜索

積分與排名

最新評論

閱讀排行榜

評論排行榜