LENDIEN聯電 冷暖 清淨 除溼 移動式空調 9000BTU任天堂-Switch-NS-公司貨主機-豪華全配組LG樂金 WIFI遠控雙眼小精靈掃地清潔機器人變頻版

2010年7月6日 星期二

新增/刪除select物件option

html:


1.移除team裡的所有option
javascript:
while (document.getElementById("team").length>0) document.getElementById("team").remove(0);
一行搞定XD

2.增加新的option到team裡
javascript:
newObj=document.createElement('option');
newObj.text="組別1";
newObj.value=i;
try {
document.getElementById("team").add(newObj, null); //ie看不懂
}
catch(ex) {
document.getElementById("team").add(newObj); //只有ie看的懂
}

然後如果要用陣列的方式動態更動option,javascrip裡的陣列用法是這樣:
var teamList = new Array(3);
teamList(0)="組一";
teamList(1)="組二";
teamList(2)="組三";
teamList(3)="組四";

javascrip的陣列是我覺得最神奇的啊!
首先宣告的時候不能用Array()的方式,他一定要你塞值進去,所以在宣告一個新陣列的時候,就要決定好這個陣列要多長;第二是他實際給你的陣列長度是你宣告時給他的數字+1,因為還有0,所以,當有一個陣列只有一個值的時候,宣告時是用new Array(0)

沒有留言:

張貼留言