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 相关文章推荐
JSON.parse 解析字符串出错的解决方法
Jul 08 Javascript
在JavaScript中typeof的用途介绍
Apr 11 Javascript
jquery 实现窗口的最大化不论什么情况
Sep 03 Javascript
js实现点击图片将图片地址复制到粘贴板的方法
Feb 16 Javascript
浅析jquery如何判断滚动条滚到页面底部并执行事件
Apr 29 Javascript
概述javascript在Google IE中的调试技巧
Nov 24 Javascript
AngularJS改变元素显示状态
Apr 20 Javascript
如何把vuejs打包出来的文件整合到springboot里
Jul 26 Javascript
AngularJS 事件发布机制
Aug 28 Javascript
微信小程序实现分享朋友圈的图片功能示例
Jan 18 Javascript
vue slot与传参实例代码讲解
Apr 28 Javascript
js实现课堂随机点名系统
Nov 21 Javascript
基于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
加速XP搜索功能堪比vista
2007/03/22 PHP
解析CI的AJAX分页 另类实现方法
2013/06/27 PHP
php实现ip白名单黑名单功能
2015/03/12 PHP
php编写简单的文章发布程序
2015/06/18 PHP
分享微信扫码支付开发遇到问题及解决方案-附Ecshop微信支付插件
2015/08/23 PHP
PHP实现原生态图片上传封装类方法
2016/11/08 PHP
W3C Group的JavaScript1.8 新特性介绍
2009/05/19 Javascript
js 手机号码合法性验证代码集合
2012/09/29 Javascript
直接拿来用的15个jQuery代码片段
2015/09/23 Javascript
JQuery移动页面开发之屏幕方向改变与滚屏的实现
2015/12/03 Javascript
jquery中ajax跨域方法实例分析
2015/12/18 Javascript
JavaScript如何实现在文本框(密码框)输入提示语
2015/12/25 Javascript
JavaScript通过代码调用Flash显示的方法
2016/02/02 Javascript
浅谈javascript基础之客户端事件驱动
2016/06/10 Javascript
jquery判断对象是否为空并遍历对象的简单实例
2016/07/26 Javascript
JavaScript实现使用Canvas绘制图形的基本教程
2016/10/27 Javascript
NodeJS配置HTTPS服务实例分享
2017/02/19 NodeJs
jquery实现数字输入框
2017/02/22 Javascript
javascript实现多张图片左右无缝滚动效果
2017/03/22 Javascript
详解让sublime text3支持Vue语法高亮显示的示例
2017/09/29 Javascript
nodejs遍历文件夹下并操作HTML/CSS/JS/PNG/JPG的方法
2018/11/01 NodeJs
vue+vant 上传图片需要注意的地方
2021/01/03 Vue.js
[45:14]Optic vs VP 2018国际邀请赛淘汰赛BO3 第二场 8.24
2018/08/25 DOTA
[01:35:13]DOTA2-DPC中国联赛 正赛 DLG vs PHOENIX BO3 第一场 1月18日
2021/03/11 DOTA
python基础教程之简单入门说明(变量和控制语言使用方法)
2014/03/25 Python
python 实现自动远程登陆scp文件实例代码
2017/03/13 Python
python3的print()函数的用法图文讲解
2019/07/16 Python
python中pygame安装过程(超级详细)
2019/08/04 Python
Coach澳大利亚官方网站:美国著名时尚奢侈品牌
2017/05/24 全球购物
几道PHP的面试题
2012/05/19 面试题
计算机网络专业个人的自我评价
2013/10/17 职场文书
成功的餐厅经营创业计划书
2014/01/15 职场文书
创业融资计划书
2014/04/25 职场文书
数据保密承诺书
2014/06/03 职场文书
物业品质提升方案
2014/06/08 职场文书
教师节倡议书2015
2015/04/27 职场文书