js操作listbox

多米诺狂少

多米诺狂少

2016-02-19 20:57

今天图老师小编要跟大家分享js操作listbox,精心挑选的过程简单易学,喜欢的朋友一起来学习吧!

  选择人员或者部门或其他时,经常会用到2个listbox,下面这js代码,希望能给大家以及自己带来方便

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

  
  function SelectAll()
          {
              var lst1=window.document.getElementById("SourceListBox");
              var length = lst1.options.length;
              for(var i=0;ilength;i++)
              {
                  var v = lst1.options[i].value;
                  var t = lst1.options[i].text;
                  var lst2=window.document.getElementById("DestinationListBox");
                  lst2.options[i] = new Option(t,v,true,true);   
              }
             
          }
         
          function DelAll()
          {
              var lst2=window.document.getElementById("DestinationListBox");
              var length = lst2.options.length;
              for(var i=length;i0;i--)
              {
                  lst2.options[i-1].parentNode.removeChild(lst2.options[i-1]);
              }   
          }
         
          function SelectOne()
          {
              var lst1=window.document.getElementById("SourceListBox");
              var lstindex=lst1.selectedIndex;
              if(lstindex0)
                  return;
              var v = lst1.options[lstindex].value;
              var t = lst1.options[lstindex].text;
              var lst2=window.document.getElementById("DestinationListBox");
              lst2.options[lst2.options.length] = new Option(t,v,true,true);   
                 
          }
         
          function DelOne()
          {
              var lst2=window.document.getElementById("DestinationListBox");
              var lstindex=lst2.selectedIndex;
              if(lstindex=0)
              {
                  var v = lst2.options[lstindex].value+";";
                  lst2.options[lstindex].parentNode.removeChild(lst2.options[lstindex]);
              }
                 
          }

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

js操作listbox

Web开发
js操作listbox

js操作cookie的简单例子

Web开发
js操作cookie的简单例子

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

JS对HTML标签select的操作

Web开发
JS对HTML标签select的操作

ListBox编程两例

编程语言 网络编程
ListBox编程两例

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

js操作iframe的src的例子

Web开发
js操作iframe的src的例子

使用prototype.js进行异步操作

Web开发
使用prototype.js进行异步操作

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Java进阶 Java应用程序中动态分配CPU资源

Java进阶 Java应用程序中动态分配CPU资源

windows系统变慢的几大原因

windows系统变慢的几大原因
下拉加载更多内容 ↓