使用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>
说明:
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>