程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> .NET實例教程 >> js操作listbox

js操作listbox

編輯:.NET實例教程

     選擇人員或者部門或其他時,經常會用到2個listbox,下面這JS代碼,希望能給大家以及自己帶來方便
  
  
  function SelectAll()
   {
   var lst1=window.document.getElementById("SourceListBox");
   var length = lst1.options.length;
   for(var i=0;i<length;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;i>0;i--)
   {
   lst2.options[i-1].parentNode.removeChild(lst2.options[i-1]);
   }
   }
  
   function SelectOne()
   {
   var lst1=window.document.getElementById("SourceListBox");
   var lstindex=lst1.selectedIndex;
   if(lstindex<0)
   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]);
   }
  
   }

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved