select联动遇到的问题

Posted 2020-10-16 GR07

今天写了个select下拉联动，记录下过程中遇到的问题。

dom部分

// 拿到选中项的索引

myselect.selectedIndex

// 拿到选中项的text/value

myselect.options[index].text;

 

删除元素下的所有子元素

常用三种

//方法一：
while(selectObj.firstChild) {
  selectObj.removeChild(selectObj.firstChild);
}

//方法二：
selectObj.innerhtml = "";

//方法三：
for(var i=optionNodes.length-1;i>=0;i--) {
  selectObj.removeChild(selectObj.lastChild);
}

 

最后上个select联动的demo代码