JS對select及option的操作詳解

2021-07-05 11:59:39 字數 1230 閱讀 4336

1.動態建立select

function createselect()

3.刪除所有選項option

function removeall()

4.刪除乙個選項option

function removeone()

5.獲得選項option的值

var obj=document.getelementbyidx_x('myselect');

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

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

6.獲得選項option的文字

var obj=document.getelementbyidx_x('myselect');

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

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

7.修改選項option

var obj=document.getelementbyidx_x('myselect');

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

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

8.刪除select

function removeselect()

整個例項的完整**如下:

改進版:在select中新增、修改、刪除option元素

function watch_ini()   

}   

spli();   

今天除錯了一段js,在ie上執行良好,在火狐上除錯出現錯誤,查資料發現

obj.add(new option("文字","值"));//這個只能在ie中有效

obj.options.add(new option("text","value")); //這個相容ie與firefox

js獲取select選中的標籤option的值

js中獲取方法 var obj document.getelementbyidx xx x testselect 定位id var index obj.selectedindex 選中索引 var text obj.options index text 選中文字 var value obj.opti...

js動態獲取select選中的option

js動態獲取select選中的option 通過2種方式 一 jquery方法 頁面中必須載入過jquery庫 推薦使用 1 var options test option selected 獲取選中的項 2 alert options.val 拿到選中項的值 3 alert options.tex...

jquery及js動態新增刪除option示例

js動態新增 var sel document.getelementbyid selectid sel.options.add new option 請選擇 sel.options.add new option name id js動態動態刪除所有option document.getelement...