js對 select相關操作

2021-06-22 22:10:03 字數 690 閱讀 9022

1.通過js 獲取 html中select 所有值,選中的值,獲取對應的顯示內容,增加,刪除等操作。

a.獲取值:

常見方法,先獲取select物件,然後通過options獲取所有的子列表。

如:獲取物件  var selectobj = document.getelementbyid(); 

獲取下拉列表長度  var len = selectobj.options.length;

根據顯示位置索引獲取下拉列表中某個值 var  itemvalue = selectobj.optioins[selectobj .selectedindex].value;

根據顯示位置索引獲取下拉列表中顯示內容 var selectvalue2 = selectpress.options[selectobj .selectedindex].innertext; 

當然也可通過下拉列表中的值匹配,如果值相同,則讓其選中:

for(var i = 0; i < len; i++) }

b.新增行、刪除行

增加行 document.getelementbyid("obj").options.add(new option(text,value));

刪除行 document.getelementbyid("obj").options.remove(indx); 

c. 觸發事件

如:dd

JS對HTML標籤select的操作

空 1 獲得html控制項 var select document.getelementsbyname aaa 0 select.selectedindex index 建立新的option物件 new option text,value new option text,value,defaults...

JS對select及option的操作詳解

1.動態建立select function createselect 3.刪除所有選項option function removeall 4.刪除乙個選項option function removeone 5.獲得選項option的值 var obj document.getelementbyidx...

js操作select標籤

select的動態新增 刪除 移動 獲取選中項的值 排序等等操作。function addoption obj,text,value,title seltarget.add op 1 向select裡新增option ie only,ff不支援add方法 function fnadditem tex...