用javascript实现选择下拉菜单间的数据转移
来源:互联网 发布:淘宝商品优惠券在哪领 编辑:程序博客网 时间:2024/05/21 10:42
<HTML>
<HEAD>
<TITLE>恁寁狟嶺粕等ㄜwww.51windows.Net</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<META NAME="Description" CONTENT="Power by 51windows.Net">
</HEAD>
<BODY>
<p>恁隅珨砐麼嗣砐綴萸僻氝樓麼痄壺(偌蛂shift麼ctrl褫眕嗣恁)ㄛ麼婓恁寁砐奻邧僻輛俴氝樓睿痄壺﹝</p>
<form method="post" name="myform">
<table border="0" width="300">
<tr>
<td width="40%">
<select style="width:100%;" multiple name="list1" size="12" ondblclick="moveOption(document.myform.list1, document.myform.list2)">
<option value="控儔">控儔</option>
<option value="奻漆">奻漆</option>
<option value="刓陲">刓陲</option>
<option value="假閣">假閣</option>
<option value="笭">笭</option>
<option value="腦膘">腦膘</option>
<option value="裘咈">裘咈</option>
<option value="嫘陲">嫘陲</option>
<option value="嫘昹">嫘昹</option>
<option value="幛笣">幛笣</option>
<option value="漆鰍">漆鰍</option>
<option value="碩控">碩控</option>
<option value="窪韓蔬">窪韓蔬</option>
<option value="碩鰍">碩鰍</option>
<option value="綬控">綬控</option>
<option value="綬鰍">綬鰍</option>
<option value="囀蟹嘉">囀蟹嘉</option>
<option value="蔬劼">蔬劼</option>
<option value="蔬昹">蔬昹</option>
<option value="憚輿">憚輿</option>
<option value="賽譴">賽譴</option>
<option value="譴狦">譴狦</option>
<option value="漆">漆</option>
<option value="刓昹">刓昹</option>
<option value="匟昹">匟昹</option>
<option value="侐捶">侐捶</option>
<option value="毞踩">毞踩</option>
<option value="昹紲">昹紲</option>
<option value="陔蔭">陔蔭</option>
<option value="堁鰍">堁鰍</option>
<option value="涳蔬">涳蔬</option>
<option value="眅誠">眅誠</option>
<option value="凰藷">凰藷</option>
<option value="怢俜">怢俜</option>
<option value="坻">坻</option>
</select>
</td>
<td width="20%" align="center">
<input type="button" value="氝樓" onclick="moveOption(document.myform.list1, document.myform.list2)"><br><br>
<input type="button" value="刉壺" onclick="moveOption(document.myform.list2, document.myform.list1)">
</td>
<td width="40%">
<select style="width:100%;" multiple name="list2" size="12" ondblclick="moveOption(document.myform.list2, document.myform.list1)">
</select>
</td>
</tr>
</table>
硉ㄩ<input type="text" name="city" size="40" value="" />
</form>
<script language="JavaScript">
<!--
function moveOption(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.city.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;
}
//-->
</script>
</BODY>
</HTML>
<HEAD>
<TITLE>恁寁狟嶺粕等ㄜwww.51windows.Net</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<META NAME="Description" CONTENT="Power by 51windows.Net">
</HEAD>
<BODY>
<p>恁隅珨砐麼嗣砐綴萸僻氝樓麼痄壺(偌蛂shift麼ctrl褫眕嗣恁)ㄛ麼婓恁寁砐奻邧僻輛俴氝樓睿痄壺﹝</p>
<form method="post" name="myform">
<table border="0" width="300">
<tr>
<td width="40%">
<select style="width:100%;" multiple name="list1" size="12" ondblclick="moveOption(document.myform.list1, document.myform.list2)">
<option value="控儔">控儔</option>
<option value="奻漆">奻漆</option>
<option value="刓陲">刓陲</option>
<option value="假閣">假閣</option>
<option value="笭">笭</option>
<option value="腦膘">腦膘</option>
<option value="裘咈">裘咈</option>
<option value="嫘陲">嫘陲</option>
<option value="嫘昹">嫘昹</option>
<option value="幛笣">幛笣</option>
<option value="漆鰍">漆鰍</option>
<option value="碩控">碩控</option>
<option value="窪韓蔬">窪韓蔬</option>
<option value="碩鰍">碩鰍</option>
<option value="綬控">綬控</option>
<option value="綬鰍">綬鰍</option>
<option value="囀蟹嘉">囀蟹嘉</option>
<option value="蔬劼">蔬劼</option>
<option value="蔬昹">蔬昹</option>
<option value="憚輿">憚輿</option>
<option value="賽譴">賽譴</option>
<option value="譴狦">譴狦</option>
<option value="漆">漆</option>
<option value="刓昹">刓昹</option>
<option value="匟昹">匟昹</option>
<option value="侐捶">侐捶</option>
<option value="毞踩">毞踩</option>
<option value="昹紲">昹紲</option>
<option value="陔蔭">陔蔭</option>
<option value="堁鰍">堁鰍</option>
<option value="涳蔬">涳蔬</option>
<option value="眅誠">眅誠</option>
<option value="凰藷">凰藷</option>
<option value="怢俜">怢俜</option>
<option value="坻">坻</option>
</select>
</td>
<td width="20%" align="center">
<input type="button" value="氝樓" onclick="moveOption(document.myform.list1, document.myform.list2)"><br><br>
<input type="button" value="刉壺" onclick="moveOption(document.myform.list2, document.myform.list1)">
</td>
<td width="40%">
<select style="width:100%;" multiple name="list2" size="12" ondblclick="moveOption(document.myform.list2, document.myform.list1)">
</select>
</td>
</tr>
</table>
硉ㄩ<input type="text" name="city" size="40" value="" />
</form>
<script language="JavaScript">
<!--
function moveOption(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.city.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;
}
//-->
</script>
</BODY>
</HTML>
- 用javascript实现选择下拉菜单间的数据转移
- JavaScript 的 DOM 实现左右选择的下拉菜单效果
- JavaScript 的 DOM 实现左右选择的下拉菜单效果
- javascript-下拉菜单的实现
- 用JavaScript实现下拉菜单
- JavaScript实现下拉菜单
- 用javascript实现的可以收缩的纵向下拉菜单
- 用javascript实现小的滑动下拉菜单~~~~~~
- JavaScript实现简单的下拉菜单
- javascript 实现联动的下拉菜单
- Javascript实现简单的下拉二级菜单
- 使用JavaScript实现下拉菜单的效果
- 实现下拉菜单的javaScript代码
- Javascript实现简单的下拉菜单
- js实现选择并转移导航菜单
- Android_Spinner实现下拉选择菜单
- gird的底部分页工具栏下拉菜单,可以用下拉菜单选择每页显示多少条数据
- javascript自动查找select下拉的菜单并选择
- 网站开发中经常用的javascript技术
- 文本数据重建为BMP图像的实现过程
- javascript小技巧,超强推荐
- 如何让VC的窗体变为透明
- 奇怪,为什么我的linux网络不对
- 用javascript实现选择下拉菜单间的数据转移
- 倒计时代码
- test///
- SQL Server触发器问题总结
- javascript弹出窗口后,关闭窗口时不弹出对话框
- JavaScript判断Email地址是否有效
- 七种武器——.NET工程师求职面试必杀技
- ASP.NET 2.0 绑定高级技巧
- 临时对象的构造与析构