javascript 删除select中的所有option的实例
程序员文章站
2022-04-29 07:57:12
javascript 删除select中的所有option的实例
方法一:
function deleteoptions()
{...
javascript 删除select中的所有option的实例
方法一:
function deleteoptions() { var obj = document.getelementsbytagname("select")[0]; var selectoptions = obj.options; var optionlength = selectoptions.length; for(var i=0;i <optionlength;i++) { obj.removechild(selectoptions[0]); } }
方法二:(那右边的select中的所有option移到左边的select)
function moveallrightbtn(){ var columnlength=$('querycolumn').length; var temptext; var tempvalue; for(var i=0;i<columnlength;i++){ temptext=$('querycolumn').options[i].text; tempvalue=$('querycolumn').options[i].value; $('querycolumn').remove(i); $('searchqquerycolumn').options.add(new option(temptext,tempvalue)); } }
以上两个方法都不够好!因为它们一次性都册除不了,因为删除了一个它的$('querycolumn')在option的序号就变了!
都好的方法是:
$('searchqquerycolumn').options.length = 0;
或:
<script> function clearoption() { document.getelementbyid("testselect").options.length = 0; } </script>
(那右边的select中的所有option移到左边的select)实现如下:
function moveallrightbtn(){ var columnlength=$('querycolumn').options.length; var temptext; var tempvalue; for(var i=0;i<columnlength;i++){ temptext=$('querycolumn').options[i].text; tempvalue=$('querycolumn').options[i].value; $('searchqquerycolumn').options.add(new option(temptext,tempvalue)); } $('querycolumn').options.length = 0; }
如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!