下面这个再开发好多系统中应该都有用到吧:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>select</title>
</head>
<script language="JavaScript" type="text/javascript">
<!--
function moveOption1(e1, e2){
try{
for(var i = 0; i < e1.options.length; i++){
if( e1.options[i].selected ){
var e = e1.options[i];
e2.options.add(new Option(e.text, e.value));
e1.remove(i);
i = i - 1;
}
}
document.myform.msgto.value=getvalue(document.myform.list2);
}
catch(e){}
}
function moveOption2(e1, e2){
try{
for(var i = 0; i < e1.options.length; i++){
if(e1.options[i].selected ){
var e = e1.options[i];
e2.options.add(new Option(e.text, e.value));
e1.remove(i);
i = i - 1;
}
}
document.myform.msgto.value=getvalue(document.myform.list2);
}
catch(e){}
}
function getvalue(geto){
var allvalue = "";
for(var i=0;i<geto.options.length;i++){
allvalue +=geto.options[i].value + ",";
}
return allvalue;
}
function moveAllOption1(e1, e2){
try{
for(var i = 0;i < e1.options.length; i++){
var e = e1.options[i];
e2.options.add(new Option(e.text, e.value));
e1.remove(i);
i = i - 1;
}
document.myform.msgto.value=getvalue(document.myform.list2);
}
catch(e){
}
}
function moveAllOption2(e1, e2){
try{
for(var i = 0;i < e1.options.length; i++){
var e = e1.options[i];
e2.options.add(new Option(e.text, e.value));
e1.remove(i);
i = i - 1;
}
document.myform.msgto.value=getvalue(document.myform.list2);
}
catch(e){
}
}
-->
</script>
<body>
<form method="post" name="myform" onsubmit="return checkdata();">
<div style=" padding-bottom:20px;">
<table border="0" width="100%" style="">
<tr>
<td bgcolor="#3399CC" width="13%"><select style="width:100%;" multiple name="list1" size="15" ondblclick="moveOption1(document.myform.list1, document.myform.list2)">
<option >111</option><option >222</option><option >333</option><option >444</option><option >555</option><option >666</option>
</select>
</td>
<td width="10%" align="center"><input type="button" value="添加" onClick="moveOption1(document.myform.list1, document.myform.list2)">
<br>
<br>
<input type="button" value="全选" onClick="moveAllOption1(document.myform.list1, document.myform.list2)">
<br>
<br>
<input type="button" value="删除" onClick="moveOption2(document.myform.list2, document.myform.list1)">
<br>
<br>
<input type="button" value="全删" onClick="moveAllOption2(document.myform.list2, document.myform.list1)">
</td>
<td bgcolor="#3399CC" width="13%"><select style="width:100%;" multiple name="list2" size="15" ondblclick="moveOption2(document.myform.list2, document.myform.list1)">
</select>
</td>
<td></td>
</tr>
</table>
</div>
<input type="hidden" name="msgto" value="" />
</form>
</body>
</html>
运行结果图:
下面这个呢在全部删除时用的比较多吧:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
p {margin:0;font-size:12px;line-height:26px;}
</style>
<script type="text/javascript">
function check_all(obj,cName)
{
var checkboxs = document.getElementsByName(cName);
for(var i=0;i<checkboxs.length;i++){checkboxs[i].checked = obj.checked;}
}
</script>
</head>
<body>
<p><input type="checkbox" name="all" onclick="check_all(this,'c')" />全选/全不选</p>
<p><input type="checkbox" name="c" value="" /></p>
<p><input type="checkbox" name="c" value="" /></p>
<p><input type="checkbox" name="c" value="" /></p>
<p><input type="checkbox" name="c" value="" /></p>
</body>
</html>
运行结果图:
分享到:
相关推荐
001-HTML中嵌入JavaScript代码的第一种方式 002-HTML中嵌入JavaScript代码的第二种方式 003-HTML中嵌入JavaScript代码的第三种方式 001-BOM编程-open和close ...015-JS的常用事件-注册事件的两种方式
实例121 返回两个日期之间的间隔小时 188 实例122 倒计时 190 实例123 访问时间限制 191 实例124 计步器 192 4.3 日期时间特效 194 实例125 分时问候 194 实例126 节日提示 195 实例127 倒影时钟 196 实例128 带阴影...
主要两个部分,一、是滚动内容部分;二、JS的滚动代码部分,也只有两句话。 一、传统的滚动代码 用Javascript实现新闻内容的水平滚动! [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 传统的滚动代码应用效果...
5.1 连续滚动的文字,图片(注意是连续的,两段文字和图片中没有空白出现) 5.2 html编辑控件类 5.3 颜色选取框控件 5.4 下拉菜单 5.5 两层或多层次的下拉菜单 5.6 仿ie菜单的按钮。(效果如rongshuxa....
14.16 购物篮中常用的计算总价效果 14.17 同一用户的来访统计 14.18 十六进制转换为十进制 14.19 将URL转化为16进制 14.20 小写金额转换为大写 14.21 通过两点坐标计算直线距离 14.22 随机抽取彩票 14.23 实时计算...
5.1 连续滚动的文字,图片(注意是连续的,两段文字和图片中没有空白出现) 5.2 html编辑控件类 5.3 颜色选取框控件 5.4 下拉菜单 5.5 两层或多层次的下拉菜单 5.6 仿IE菜单的按钮。(效果如rongshuxa....
14.16 购物篮中常用的计算总价效果 14.17 同一用户的来访统计 14.18 十六进制转换为十进制 14.19 将URL转化为16进制 14.20 小写金额转换为大写 14.21 通过两点坐标计算直线距离 14.22 随机抽取彩票 14.23 实时计算...
5.1 连续滚动的文字,图片(注意是连续的,两段文字和图片中没有空白出现) 5.2 html编辑控件类 5.3 颜色选取框控件 5.4 下拉菜单 5.5 两层或多层次的下拉菜单 5.6 仿IE菜单的按钮。(效果如rongshuxa.com的...
5.1 连续滚动的文字,图片(注意是连续的,两段文字和图片中没有空白出现) 5.2 html编辑控件类 5.3 颜色选取框控件 5.4 下拉菜单 5.5 两层或多层次的下拉菜单 5.6 仿IE菜单的按钮。(效果如rongshuxa.com的...
连接,实现了数据的查询,添加,删除,修改等功能,大部分是用VBScript脚本,只有两处是用的JavaScript脚本,一处是在删除功能中的全选功能用了, 还有一处是在显示系统时间 用了,在制作网页的过程中查阅了很多资料...
9.42 检验两个复选框是否同时选中... 291 9.43 解除所有复选框的选中... 292 9.44 全选所有复选框... 293 9.45 全选或取消的复选框... 295 9.46 带标签的复选框... 296 9.47 取得下拉列表中选取的值... 297 ...
5.1 连续滚动的文字,图片(注意是连续的,两段文字和图片中没有空白出现) 5.2 html编辑控件类 5.3 颜色选取框控件 5.4 下拉菜单 5.5 两层或多层次的下拉菜单 5.6 仿ie菜单的按钮。(效果如rongshuxa....
1_3.htm JavaScript中的强制类型转换。 1_4.htm 在HTML中为JavaScript传递变量。 1_5.htm 在HTML中引用JavaScript的变量。 1_6.htm 比较undefined和"undefined"。 第2章(\2) 示例描述:客户端的流程控制...
1_3.htm JavaScript中的强制类型转换。 1_4.htm 在HTML中为JavaScript传递变量。 1_5.htm 在HTML中引用JavaScript的变量。 1_6.htm 比较undefined和"undefined"。 第2章(\2) 示例描述:客户端的流程控制...
谢谢 document.forms[0] 是指页面中的第一个表单,当页面有两个表单的时候,setval(val)只对form[0]有效.出现第二个表单就是forms[1]了 Google Baidu aaa bbb ccc [Ctrl+A 全选 注:如需引入外部Js需刷新...
内容索引:脚本资源,Ajax/JavaScript,DataGrid,表格排序 在网页上显示列表数据的一个DataGrid插件,支持全选反癣表头排序等,可按字符大孝修改时间排列显示的数据,就像Windows资源管理器中的数据类似,这个插件是一...
• sample04.htm 在同一个网页中使用不同脚本语言 • sample05.htm 判断浏览器对JavaScript版本的支持情况 • sample06.htm 引用外部JavaScript • sample07.htm 在同一个HTML文档...
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]谢谢大家支持,玩法如Rimifon版主所说: 玩家1的方向键:asdw,炸弹为空格 玩家2的方向键位键盘方向键,炸弹为回车 可以炸出绿色泡泡和红色加威力的五角星。...