【代码库】删除select元素节点下所有的OPTION节点
来源:互联网 发布:淘宝客服工作描述 编辑:程序博客网 时间:2024/05/21 10:17
删除select标签节点下所有的OPTION节点
方法一:
Js代码
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)
Js代码 收藏代码
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的序号就变了!
简单最优的方法如下:(只需将length置0)
Js代码 收藏代码
$('SearchqqueryColumn').options.length = 0;Js代码 收藏代码 <script> function clearOption() { document.getElementById("testSelect").options.length = 0; } </script>
(那右边的Select中的所有option移到左边的Select)实现如下:
Js代码 收藏代码
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; }
0 0
- 【代码库】删除select元素节点下所有的OPTION节点
- js中创建html标签、添加select下默认的option的value和text、删除select元素节点下所有的OPTION节点
- 删除select元素里面的所有option
- 删除树节点下的所有节点
- 删除元素所有子节点
- 删除父节点下的所有子节点
- 删除父节点下的所有子节点
- javascript 删除元素所有子节点的的正确方法
- 删除两个双向链表中相同元素的所有节点
- 递归删除一个节点以及该节点下的所有节点
- javascript 删除某一个元素下面所有节点
- 输出所有select元素下的所有option元素中对应的文本内容
- js 删除一个节点的所有子元素节点的函数实现
- 采用DOM模型时创建一个Select节点后,要删除option项的解决方法
- javascript jquery动态删除select下的option实例代码
- 删除元素的孩子节点
- javascript获取父元素下所有节点/第一个节点
- JQuery 获得select下option节点的文本值和value值
- LoadRunner监控Tomcat性能以及tomcat环境部署
- PyGobject(五)布局容器之Button篇——Gtk.Button
- 【9004】&&【7010】最优布线问题
- 配置型软件开发平台
- 一起学Netty(十九)netty源码学习之netty server端源码初读(下)
- 【代码库】删除select元素节点下所有的OPTION节点
- iOS 改变状态栏的字体颜色
- selenium处理页面等待时间的几种方式
- 12864oled模块
- 【Codeforces Round 363 (Div 2) A】【水题】Launch of Collider 机器人最早碰撞时间
- 2016.07.25回顾
- MySQL零点更新弹出框关闭
- 找新朋友(欧拉互质)
- android 细节之android.view.InflateException: Binary XML file line ##