footleg

导航

使用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> 

 

posted on 2007-10-16 11:18  迷途  阅读(538)  评论(2编辑  收藏  举报