首页 > Web开发 > 详细

Js 动态增加 删除 select multiple 中的值

时间:2020-01-13 16:28:05      阅读:153      评论:0      收藏:0      [点我收藏+]

原文链接:https://www.iteye.com/blog/dinghao93210-1541258   (侵删)

两个 multiple 相互传值: 

function addSingleTableOption(src, dest) 
     { 
      var srcObj = document.getElementByIdx(src) 
      var destObj = document.getElementByIdx(dest) 
      var srcOpts = srcObj.options; 
      var destOpts = destObj.options; 
      var len = srcOpts.length; 

      for (i = len - 1; i >= 0; i--) 
      { 
       if (srcOpts[i].selected) 
       { 
        var newOpt = new Option(srcOpts[i].text, srcOpts[i].value); 
        destOpts.add(newOpt); 
        srcOpts.remove(i); 
       } 
      } 
      return; 
     }

 

将一个文本框中的值赋值给 multiple :        

function addOption(){ 
      var value = document.getElementById("date").value; 
      var destObj = document.getElementById("days"); 
      var destOpts = destObj.options; 
      if (value.length > 0){ 
        var newOpt = new Option(value, value); 
        destOpts.add(newOpt); 
       } 
     }

 

删除 multiple 中的值 : 

for (i = len - 1; i >= 0; i--){ 
  destObj.remove(i); 
}

Js 动态增加 删除 select multiple 中的值

原文:https://www.cnblogs.com/cmz-32000/p/12187607.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!