javascript  删除select中的所有option的实例


Posted in Javascript onSeptember 17, 2017

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; 
  }

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

Javascript 相关文章推荐
JavaScript Prototype对象
Jan 07 Javascript
javascript 精粹笔记
May 09 Javascript
JQuery中的ready函数冲突的解决方法
May 17 Javascript
JQuery 操作/获取table具体代码
Jun 13 Javascript
jQuery/CSS3图片特效插件整理推荐
Dec 07 Javascript
基于jquery实现下拉框美化特效
Feb 02 Javascript
JavaScript仿网易选项卡制作代码
Oct 06 Javascript
javascript对浅拷贝和深拷贝的详解
Oct 14 Javascript
详解jQuery中关于Ajax的几个常用的函数
Jul 17 jQuery
关于JavaScript中的this指向问题总结篇
Jul 23 Javascript
写给小白看的JavaScript异步
Nov 29 Javascript
jquery实现掷骰子小游戏
Oct 24 jQuery
基于Node.js模板引擎教程-jade速学与实战1
Sep 17 #Javascript
浅谈函数调用的不同方式,以及this的指向
Sep 17 #Javascript
基于Bootstrap框架菜鸟入门教程(推荐)
Sep 17 #Javascript
基于js的变量提升和函数提升(详解)
Sep 17 #Javascript
利用express启动一个server服务的方法
Sep 17 #Javascript
限时抢购-倒计时的完整实例(分享)
Sep 17 #Javascript
canvas基础绘制-绚丽倒计时的实例
Sep 17 #Javascript
You might like
JpGraph php柱状图使用介绍
2011/08/23 PHP
PHP房贷计算器实例代码,等额本息,等额本金
2017/04/01 PHP
php实现微信支付之现金红包
2018/05/30 PHP
实例讲解PHP表单处理
2019/02/15 PHP
php实现的生成排列算法示例
2019/07/25 PHP
初学js 新节点的创建 删除 的步骤
2011/07/04 Javascript
基于jquery的固定表头和列头的代码
2012/05/03 Javascript
jquery图片放大镜功能的实例代码
2013/03/26 Javascript
jQuery实现视频作为全屏幕背景
2014/12/18 Javascript
jQuery实现鼠标划过展示大图的方法
2015/03/09 Javascript
jquery+html5烂漫爱心表白动画代码分享
2015/08/24 Javascript
jquery图片倾斜层叠切换特效代码分享
2015/08/27 Javascript
jQuery基础的工厂函数以及定时器的经典实例分析
2016/05/20 Javascript
深入理解JavaScript中Ajax
2016/08/02 Javascript
微信小程序图片自适应支持多图实例详解
2017/06/21 Javascript
基于jQuery的表单填充实例
2017/08/22 jQuery
如何在项目中使用log4.js的方法步骤
2019/07/16 Javascript
js实现窗口全屏示例详解
2019/09/17 Javascript
es6 for循环中let和var区别详解
2020/01/12 Javascript
JavaScript setTimeout()基本用法有哪些
2020/11/04 Javascript
JS中箭头函数与this的写法和理解
2021/01/14 Javascript
[51:06]2018DOTA2亚洲邀请赛3月29日 小组赛A组 KG VS Liquid
2018/03/30 DOTA
[00:10]DOTA2 TI9勇士令状明日上线
2019/05/07 DOTA
实例Python处理XML文件的方法
2015/08/31 Python
Python实现Smtplib发送带有各种附件的邮件实例
2017/06/05 Python
删除python pandas.DataFrame 的多重index实例
2018/06/08 Python
tensorflow: variable的值与variable.read_value()的值区别详解
2018/07/30 Python
python实现根据文件格式分类
2019/10/31 Python
html特殊符号示例 html特殊字符编码对照表
2014/01/14 HTML / CSS
英国知名的护肤彩妆与时尚配饰大型综合零售电商:Unineed
2016/11/21 全球购物
关于期中考试的反思
2014/02/02 职场文书
股东出资证明书(正规版)
2014/09/24 职场文书
有关朝花夕拾的读书笔记
2015/06/29 职场文书
2015最新婚礼司仪主持词
2015/06/30 职场文书
承诺书怎么写 ?
2019/04/16 职场文书
Python捕获、播放和保存摄像头视频并提高视频清晰度和对比度
2022/04/14 Python