使用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>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步