这是我用 Javascript 制作的“Dual listbox”(双向选择器)的一个应用示例,是从我的代码中抠出来的。在网页编程中经常会用到。
也许我的实现太烦琐了,希望大家有更好的代码贡献出来。
<html>
<head>
<title>选择器</title>
<link href="http://www.dedecms.com/web-art/htmlbase/Javascript/20050224/style/style.css" rel="stylesheet" type="text/css">
<meta http-equiv="C>
<meta http-equiv="Page-Enter" c>
<meta http-equiv="Page-Exit" c>
<script language="javascript">
functi id="frm1" method="post" acti>
<input name="allowsubmit" type="hidden" value="http://www.dedecms.com/web-art/htmlbase/Javascript/20050224/OK">
<table width="500" border="0" cellspacing="0" cellpadding="0" align="center">
<tr height=10><td colspan=3></td></tr>
<tr>
<td width="220" align=center valign="top">
已分配该用户管理的栏目:<br><br>
<select name="SelectedItem" id="SelectedItem" size=12 multiple="true">
<opti align=center>
<br><br>
<butt><</butt><<</butt>></butt>>></butt align=center valign="top">
待分配的栏目:<br><br>
<select name="WaitSelectItem" size=12 multiple=true>
<opti>
functi) //源:只有“无”项目
return;
if (sel_dest.opti) //目标:只有“无”项目,则先删除该提示性项目
sel_dest.opti) //源:只有“无”项目
return;
if (sel_dest.opti) //目标:只有“无”项目,则先删除该提示性项目
sel_dest.opti) //源:只有“无”项目
break;
sel_source.options.remove(k);
if (sel_source.options.length==0) //源:如果删除完所有有用项目,则添加提示项目:“无”
sel_source.options.add(new Option("无"));
}
}
function SelectAll(theSel) //选中select中全部项目
{ for (i = 0 ;i<theSel.length;i++)
theSel.options[i].selected = true;
}
</script>
作者信息:
张庆 zhangking@263
http://why100000
http://soft.why100000
欢迎您访问www.5ucms.org
上一篇:5ucms培训,javascript中的数组应用的一点发现 下一篇:5ucms插件,我与Javascript 随笔(一)(献给所有爱好Javascript的朋友) |
|
本站声明:本网站所载文章等内容,目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权及其它问题,请在30日内与本网联系(Email:3876307#qq.com),我们将在第一时间删除内容。若原创内容转载请注明出处。 5ucms模版,用Javascript 实现的Dual listbox的关键词: |