zoukankan      html  css  js  c++  java
  • 使用javascript实现两个listbox中list的移动

     使用javascript实现两个listbox中list的移动

    说明:
    1.ListBox为服务器端控件,list可以在服务器端初始化
    2.Button可以为服务器端,也可以为客户端控件:
    如果为服务器端控件,需要在页面初始化的时候为其添加事件处理为: 


    btn_updaddrel.Attributes.Add("OnClick","javascript:add();");
    如果为客户端控件,则在声明控件的时候指定事件处理:

    <INPUT type="button" value="ADD" onclick = "add()">

    3.事件处理 

    <script language="Javascript">
    function add()

    var objres = document.getElementById("lb_updrestitems");
    var objsel = document.getElementById("lb_updselitems");

    var customOptions;
    for(var i = objres.options.length - 1 ;i >= 0;i--)
    {
    if(objres.options.selected)
    {
    customOptions = document.createElement("OPTION");
    customOptions.text = objres.options.text;
    customOptions.value = objres.options.value;
    objsel.add(customOptions,0);
    objres.remove(i); 
    }
    }
    return false; 
    }
    </script> 

     

  • 相关阅读:
    Spring入门第二十九课
    Spring入门第二十八课
    Spring入门第二十七课
    Spring入门第二十六课
    Spring入门第二十五课
    Spring入门第二十四课
    Spring入门第二十三课
    Spring入门第二十二课
    Spring入门第二十一课
    Spring入门第二十课
  • 原文地址:https://www.cnblogs.com/footleg/p/925887.html
Copyright © 2011-2022 走看看