亚洲精品又粗又大又爽A片,亚洲蜜芽在线精品一区,中文字幕亚洲日韩无线码

轉動態給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 二胡閱讀(131) 評論(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

搜索

積分與排名

最新評論

閱讀排行榜

評論排行榜