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

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

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

赞 (0)

相关推荐

  • JS获取select-option-text_value的方法

    HTML代码: 复制代码 代码如下: <select id="month" onchange="selectInput(this)">    <option  value="01">January</option>    <option  value="02">February</option>    <option  value="03"&

  • js select option对象小结

    一基础理解: var e = document.getElementById("selectId"); e. options= new Option("文本","值") ; //创建一个option对象,即在<select>标签中创建一个或多个<option value="值">文本</option> //options是个数组,里面可以存放多个<option value="

  • js给selected添加options的方法

    本文实例讲述了js给selected添加options的方法.分享给大家供大家参考.具体实现方法如下: <select id="Mmonth"> <option>1</option> </select> <input type="button" onclick="a()" value="添加"/> <script> function a(){ docume

  • js 操作select与option(示例讲解)

    1.动态创建select 复制代码 代码如下: function createSelect(){ var mySelect = document.createElement_x("select");          mySelect.id = "mySelect";           document.body.appendChild(mySelect);      } 2.添加选项option 复制代码 代码如下: function addOption(){

  • js添加select下默认的option的value和text的方法

    <pre name="code" class="java"> jsp 中的下拉框标签: <s:select name="sjx" id="sjx" list="sjxList" listKey="BM" listValue="MC" size="20" cssStyle="width:100%;height:70px;

  • JS & JQuery 动态添加 select option

    今天有朋友问我一个关于在<select>里动态添加option问题,一开始以为是JS那里动态添加,所以用了JS动态添加option的方法,但你那里是用JQuery的,所以才会一直出错,下面记下在JS和JQuery里添加option的区别. JS: var selid = document.getElementById("sltid"); for(var i=0; i<10;i++){ //循环添加多个值 sid.option[i] = new Option(i,i);

  • JS 通过系统时间限定动态添加 select option的实例代码

    JS 通过系统时间限定动态添加 select option的实例代码

    虽然是个简单的效果,还是需要积累一下,记录一下: 源代码如下所示: <select id="myselect1"> <option value="">- -</option> <option value="2015级">2015级</option> <option value="2014级">2014级</option> <option

  • AngularJS实现select的ng-options功能示例

    本文实例讲述了AngularJS实现select的ng-options功能.分享给大家供大家参考,具体如下: controller .controller('MainController', function($scope, $http, $ionicModal, $timeout) { var post = {}; $http.get("data/themeData.json") .success(function(response) { $scope.themeData = res

  • JS更改select内option属性的方法

    本文实例讲述了JS更改select内option属性的方法.分享给大家供大家参考.具体如下: 帮一位友人解决了一个小问题,需求是更改选中选项卡内显示的文本值,新值存放在某个文本框内 初始窗口: <html> <head> <title>原窗口</title> <script> var parentValue=""; //全局变量,用于保存点击详情时select中指定opeion的值 function detail() { va

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

    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.removeChi

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

    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.removeChi

  • JS动态添加与删除select中的Option对象(示例代码)

    如下所示: 复制代码 代码如下: //动态删除select中的所有options:   function delAllOptions(){        document.getElementById("user_dm").options.length=0;   } //动态删除select中的某一项option:    function delOneOption(index){        document.getElementById("user_dm").o

  • javascript对select标签的控制(option选项/select)

    html中的select标签,也是asp.net中的asp:DropDownList控件. javascript对它们的操作 一.基础理解 复制代码 代码如下: var e = document.getElementById("selectId"); e. options= new Option("文本","值") ; //创建一个option对象,即在<select>标签中创建一个或多个<option value="

  • JavaScript获取select中text值的方法

    本文实例讲述了JavaScript获取select中text值的方法.分享给大家供大家参考,具体如下: 别的不说,先看代码: 方法一: <select name="parent_id" onchange="setTitleAndLinkByGoodsCategory(this.value,this.options[this.selectedIndex].text);" > <option value="0">请选择商品分类

  • js删除select中重复项的实现代码

    js删除select中重复项的实现代码

    删除select中重复项 body{ text-align:center;} div{ width:400px; background:#f1f5fa; margin:auto; border:solid 1px #BFC9DB; padding:10px;} h4{ } a{text-align:right; display:block; font-size:12px;} /*定义全局函数$*/ function $(id){ return document.getElementById(id

  • javascript删除Table中的一行的脚本代码

    javascript删除talbe中的一行 function Goto(){} function deleteCurrentRow(obj){ var tr=obj.parentNode.parentNode; var tbody=tr.parentNode; tbody.removeChild(tr); } 流程名称 表单名称 上传附件 操作 请假单1 请假单 不允许 删除 请假单2 请假单 不允许 删除 请假单3 请假单 不允许 删除 请假单4 请假单 不允许 删除 [Ctrl+A 全选 注

  • js中删除数组中的某一元素实例(无下标时)

    1.使用filter数组去重: var arr1 = [1,2,3,4,5,6];//待操作数组 var j = 2;//待删除元素 var noRepeat = function(arr1,arr2){ return arr1.flter(function(e){ return arr2.indexOf(e) == -1; }) }; var arr2 = []; arr2.push(j);//保证待删除数为数组,方便使用过滤器 console.log(noReapeat(arr1,arr2)

  • javascript 删除数组中重复项（uniq）

    可以直接使用的代码:我们修正版 function unique(data){ data = data || []; var a = {}; len = data.length; for (var i=0; i [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 下面是进阶教程与说明,喜欢跟深入的朋友可以参考下.首先让我们看下 YUI 是如何处理的: 复制代码 代码如下: var toObject = function(a) { var o = {}; for (var i = 0; i

  • javascript与jquery中的this关键字用法实例分析

    本文实例分析了javascript与jquery中的this关键字用法.分享给大家供大家参考,具体如下: this 表示当前的对象,这个当前对象可以是表单,<p>等任何元素 1.javascript中this的用法: JS部分: <script type="text/javascript"> function chimg(obj){ obj.src="./images/2.jpg"; } </script> HTML部分: 复制代

随机推荐