javascript ,删除选择中的所有选择的实例

  

<强> javascript 删除选择中的所有选择的实例

  

<强>方法一:
  

        DeleteOptions()函数   {   var obj=document.getElementsByTagName(“选择”)[0];   var selectOptions=obj.options;   var optionLength=selectOptions.length;   (var=0;我& lt; optionLength;我+ +)   {   obj.removeChild (selectOptions [0]);   }   }      之前      

<强>方法二:(那右边的选择中的所有选项移到左边的选择),
  

        函数MoveAllRightBtn () {   var columnlength=$ (' queryColumn ') . length;   var TempText;   var TempValue;   我(var=0; i< columnlength;我+ +){   TempText=$ (' queryColumn ') .options[我]。text;   TempValue=https://www.yisu.com/zixun/$ (' queryColumn ') .options[我]value;   $ (' queryColumn ') .remove(我);   $ (' SearchqqueryColumn ') .options。添加新选项(TempText TempValue));   }   }   之前      

,以上两个方法都不够好!因为它们一次性都册除不了,因为删除了一个它的美元(“queryColumn”)在选择的序号就变了!
  都好的方法是:
  

        $ (' SearchqqueryColumn ') .options。长度=0;之前      

,或:
  

        & lt; script>   clearOption()函数   {   .options . getelementbyid (“testSelect”)。长度=0;   }   & lt;/script>   之前      

,(那右边的选择中的所有选项移到左边的选择)实现如下:
  

        函数MoveAllRightBtn () {   var columnlength=$ (' queryColumn) .options.length;   var TempText;   var TempValue;   我(var=0; i< columnlength;我+ +){   TempText=$ (' queryColumn ') .options[我]。text;   TempValue=https://www.yisu.com/zixun/$ (' queryColumn ') .options[我]value;   $ (' SearchqqueryColumn ') .options。添加新选项(TempText TempValue));   }   $ (' queryColumn ') .options。长度=0;   }      之前      

如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

javascript ,删除选择中的所有选择的实例