js操作listbox

2016-02-19 20:57 22 1 收藏

今天图老师小编要跟大家分享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/webkaifa/)

来源:http://www.tulaoshi.com/n/20160219/1624913.html

延伸阅读
 Private Sub filllistboxwithcolors()         Me.ListBox1.DrawMode = DrawMode.OwnerDrawFixed         Me.ListBox1.ItemHeight = 24         '避免闪烁       &nbs...
ListBox组件是一个程序设计中经常使用到的组件,在Visual C#和Visual Basic .Net程序中使用这个组件,必须要在程序中导入.Net FrameWork SDK中名称空间System.Windows.Forms,因为在System.Windows.Forms名称空间中定义了这个组件。在ASP.NET的Web页面中,ListBox组件是作为一个服务器端组件的形式出现的,所谓服务器端组件就是这些组件是...
1.  建立一个窗体 2.  放一个ComboBox和Listbox 3.  改变Component的Style为csOwnerDrawVariable和ListBox的Style为lbOwnerDrawVariable。 4.  声明5个TBitmap的全局变量 5.  覆盖Form的OnCreate. 6.  覆盖ComboBox的OnDraw. 7.  覆盖ComboBox的OnMeasureItem. 8.  ...
标签: Web开发
这里是js的代码: 代码如下: jQuery.fn.size = function() { return jQuery(this).get(0).options.length; } //获得选中项的索引 jQuery.fn.getSelectedIndex = function() { return jQuery(this).get(0).selectedIndex; } //获得当前选中项的文本 jQuery.fn.getSelectedText = function() { if(this.size() == 0) { return ...
问题背景 这是UE的一个要求,是在CComboBox下拉出ListBox的时候,弹出一个选择窗口,然后选中一项,显示在CComboBox的Edit中 同事的做法是在ComboBox的父窗口捕捉ComboBox的CBN_DROPDOWN通知消息,在消息响应函数中弹出选择窗口,然后为ComboBox设置Strings和选中项。但是不好的现象是,因为是在处理下拉的消息,故此函数结束的...

经验教程

370

收藏

30
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部