茫茫網海中的冷日
         
茫茫網海中的冷日
發生過的事,不可能遺忘,只是想不起來而已!
 恭喜您是本站第 1672189 位訪客!  登入  | 註冊
主選單

Google 自訂搜尋

Goole 廣告

隨機相片
Wedding_00027.jpg

授權條款

使用者登入
使用者名稱:

密碼:


忘了密碼?

現在就註冊!

網頁設計 : [轉貼]Javascript 操作select控件大全(新增、修改、刪除、選中、清空、判斷存在等)

發表者 討論內容
冷日
(冷日)
Webmaster
  • 註冊日: 2008/2/19
  • 來自:
  • 發表數: 15771
[轉貼]JavaScript 對 Select 的操作

JavaScript對Select的操作

1.動態創建select

function createSelect(){

var mySelect = document.createElement("select");
mySelect.id = "mySelect";
document.body.appendChild(mySelect);
}

2.添加選項option

function addOption(){

//根據id查找對象,
var obj=document.getElementById('mySelect');

//添加一個選項
obj.add(new Option("文本","值"));
}

3.刪除所有選項option

function removeAll(){
var obj=document.getElementById('mySelect');

obj.options.length=0;

}

4.刪除一個選項option

function removeOne(){
var obj=document.getElementById('mySelect');

//index,要刪除選項的序號,這裡取當前選中選項的序號

var index=obj.selectedIndex;
obj.options.remove(index);
}

5.獲得選項option的值

var obj=document.getElementById('mySelect');

var index=obj.selectedIndex; //序號,取當前選中選項的序號

var val = obj.options[index].value;

6.獲得選項option的文本

var obj=document.getElementById('mySelect');

var index=obj.selectedIndex; //序號,取當前選中選項的序號


var val = obj.options[index].text;

7.修改選項option

var obj=document.getElementById('mySelect');

var index=obj.selectedIndex; //序號,取當前選中選項的序號

var val = obj.options[index]=new Option("新文本","新值");

8.刪除select

function removeSelect(){
var mySelect = document.getElementById("mySelect");
mySelect.parentNode.removeChild(mySelect);
}


來源:CSDN

原文出處:JavaScript对Select的操作
前一個主題 | 下一個主題 | | | |

討論串




Powered by XOOPS 2.0 © 2001-2008 The XOOPS Project|