`
dinghao93210
  • 浏览: 10679 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

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

阅读更多
两个 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);
        }
分享到:
评论

相关推荐

    Jquery实现select multiple左右添加和删除功能的简单实例

    项目要实现这样的一个功能(如下图所示):选择左边下拉列表框中的选项,点击添加按钮,把选择的选项移动到右边的下拉列表框中,同样的选择右边的选项,点击删除按钮,即把选择的选项移动到左边的下拉列表框中.相信用js很多...

    jQuery UI Multiselect (jQuery UI 多选框)

    jQuery UI Multiselect是一个Web UI控件,它将html multiple select inputs转换成一个更直关、更易于操作的多选控件。支持全选添加和删除操作。

    xheditor-1.1.14

    参数值:true(保留内部JS代码),false(清理内部JS代码) inlineScript:内联JS代码保留状态 参数值:true(保留内联JS代码),false(清理内联JS代码) internalStyle:内部样式保留状态 参数值:true(保留内部样式),false...

    react-city-select:react结合antd的Cascader组件实现pc端选择城市控件

    该项目是通过引导的。 可用脚本 在项目目录中,可以运行: yarn start 在开发模式下运行应用程序... 此命令将从您的项目中删除单个生成依赖项。 而是将所有配置文件和传递依赖项(Webpack,Babel,ESLint等)直接复制

    JavaScript如何从listbox里同时删除多个项目

    要从列表框同时删除多个项目,我们不能从上到下的删除,...select id=”lsbox” name=”lsbox” size=”10″ multiple> ”1″>India</option> ”2″>United States</option> ”3″>China</option> <option valu

    毕业设计-游戏资讯系统(Vue+Node)

    1. 编辑英雄 (关联,多选,el-select, multiple) 1. 技能编辑 1. 文章管理 1. 富文本编辑器 (quill) 1. 首页广告管理 1. 管理员账号管理 (bcrypt) 1. 登录页面 1. 登录接口 (jwt,jsonwebtoken) 1. 服务端登录校验 1...

    Sublime Text3_64.rar

    Sublime Text还支持一次选中多行的操作:Furthermore, Sublime Text brings lets us select multiple lines at once, which can significantly boost your productivity. There are several ways to perform this ...

    html入门到放弃笔记

    1、创建一个 div 标记 ,增加属性 ,设置 align 属性的值为 center ,设置 id 属性的值为 container,设置 title 属性的值为 这是一个div 这是一个div"> 四大标准属性: 1、id :定义元素在页面中独一无二的...

    jquery-hint:输入提示jquery plguin(支持输入的换行符,textarea)

    ### html只需在类中添加shuttle_select并为您的选择设置multiple即可。 <input type="text" name="input" value="" hint="typing your name." /> <textarea rows="8" cols="40" name="textarea" hint=...

    流程编辑器.zip

    img onclick="deleteListenerField('+id+')" src="../../image/delete.gif" title="'+"删除"+'" style="cursor:hand;"/>'; if(rowData.editing) return s; else return e+' '+d; } function ...

Global site tag (gtag.js) - Google Analytics