今天图老师小编要跟大家分享js操作listbox,精心挑选的过程简单易学,喜欢的朋友一起来学习吧!
【 tulaoshi.com - Web开发 】
选择人员或者部门或其他时,经常会用到2个listbox,下面这js代码,希望能给大家以及自己带来方便
(本文来源于图老师网站,更多请访问http://www.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]);
              }
                  
          }
来源:http://www.tulaoshi.com/n/20160219/1624913.html