風人園

弱水三千，只取一瓢，便能解渴；佛法無邊，奉行一法，便能得益。

隨筆 - 99, 文章 - 181, 評論 - 56, 引用 - 0

數據加載中……

用javascript操作select

1 ?檢測是否有選中
?2

if (objSelect.selectedIndex? > ? - 1 )? {
?3

// 說明選中
?4

} ? else ? {
?5

// 說明沒有選中
?6

}
?7

2 ?刪除被選中的項?
?9

objSelect.options[objSelect.selectedIndex]? = ? null ;
10

3 ?增加項
12

objSelect.options[objSelect.length]? = ? new ?Option( " 你好 " , " hello " );
13

4 ?修改所選擇中的項
15

objSelect.options[objSelect.selectedIndex]? = ? new ?Option( " 你好 " , " hello " );
16

5 ?得到所選擇項的文本
18

objSelect.options[objSelect.selectedIndex].text;
19

6 ?得到所選擇項的值
21

objSelect.options[objSelect.selectedIndex].value;

< form???name = " test " > ???

?? < select???name = " obj " ></ select > ???

?? < input???type = " button " ???onclick = " javascript:itemDelete(document.test.obj); " > ???

?? </ form > ???

?? // delete???

?? function ???itemDelete(obj) {???

?? var ???lengthObj??? = ???obj.length;???

?? for (i??? = ??? 0 ;i??? < ???lengthObj;i ++ ) {???

?? if (obj.options[i].selected) {???

??obj.remove(i);???

??lengthObj??? = ???obj.length;???

??i -- ;???

??} ???

??}

function ???delOption() {???

?????? var ???obj??? = ???document.myForm.aa;???

?????? var ???opts = ???obj.options;???

?????? var ???index??? = ??? 1 ;???

??????opts[index]??? = ??? null ;???

??} ???

?? function ???addOption() {???

?????? var ???obj??? = ???document.myForm.aa;???

?????? var ???opts = ???obj.options;???

?????? var ???opt??? = ??? new ???Option( " 五 " , " 五 " );???

??????opts.length ++ ;???

??????opts[opts.length - 1 ]??? = ???opt;???

??} ???

posted on 2007-03-05 08:30 風人園閱讀(392) 評論(0) 編輯收藏所屬分類: JavaScript

風人園

用javascript操作select

導航

常用鏈接

留言簿(11)

隨筆分類

隨筆檔案

文章分類

文章檔案

新聞檔案

收藏夾

友情鏈接

搜索

最新評論

閱讀排行榜

評論排行榜