使用js操作select標籤以及增添css類

jquery用多了，有點忘了js是怎麼操作select標籤。今天有空就總結一下。

abc

// 拿到select物件
const select =  documen.getelementbyid('selecttest'); 
// 拿到選中option索引
const selectedindex = select.selectedindex;
// 獲得選中option的value和text
select.options[selectedindex].value;
select.options[selectedindex].text;
// 通過設定value 設定預設選中option
document.getelementbyid('selecttest').value = '3';
// 通過設定text 設定預設選中option
for(let i=0; i < select.options.length; i++)
}

順便記一下聽過js給節點增加或刪除css類。當然了，方法肯定不止下面一種！

ducument.getelementbyid('nodetest').classlist.add('類名');

document.getelementbyid('nodetest').classlist.remove('類名');

js操作select標籤

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

JS對HTML標籤select的操作

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

select標籤基本使用

根據id給select標籤新增子項，可以一直重複新增,沒有限制 function addoption 刪除乙個選項option function removeone 刪除select function removeselect 根據id獲取下拉選擇框當前選中值的html值 var status st...