注册
登录
标签
在线时间兑换积分
帮助
精品酷站论坛
»
JS,UI框架开发
» 两个TEXTBOX相互传递资料
‹‹ 上一主题
|
下一主题 ››
发新话题
发布投票
发布商品
发布悬赏
发布活动
发布辩论
发布视频
打印
两个TEXTBOX相互传递资料
cookie
实习版主
个人空间
发短消息
加为好友
当前离线
1
#
大
中
小
发表于 2007-8-11 15:53
只看该作者
两个TEXTBOX相互传递资料
<!doctype html public "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="utf-8"> <head> <title>两个TEXTBOX相互传递资料</title> <meta http-equiv="content-type" content="text/html;" /> </head> <script type="text/javascript"> <!-- function Mv(a,b) { var i = 0; var f=document.getElementById(a); var t=document.getElementById(b); for(var i=0; i<f.options.length; i++) { if(f.options[i].selected ) { var no = new Option(); no.value = f.options[i].value; no.text = f.options[i].text; t.options[t.options.length] = no;} } Rv(a); } function Rv(o) { var o=document.getElementById(o); for(var i=o.options.length-1; i>=0; i--) { if(o.options[i].selected && o.options[i] != "") { o.options[i].value = ""; o.options[i].text = ""; o.options[i] = null; } } } --> </script> <body> <table id="MovOpTB" cellspacing="0" cellpadding="0"> <tr> <td class="slt"><strong class="norTit">我的联系人</strong><br /><select id="SltAddrA" class="SltBar" name="" size="12" multiple="true"> <option value="1">CNLei01 <test@test.com></option> <option value="2">CNLei02 <test@test.com></option> <option value="5">CNLei05 <test@test.com></option> <option value="7">CNLei07 <test@test.com></option> <option value="9">CNLei09 <test@test.com></option> <option value="9">CNLei10 <test@test.com></option> <option value="11">CNLei11 <test@test.com></option> </select> </td> <td class="btn"><input type="button" class="BtnA2w" name="" value=">>>" onclick="Mv('SltAddrA','SltAddrB');" /><br /><br /><input type="button" class="BtnB2w" name="" value="<<<" onclick="Mv('SltAddrB','SltAddrA');" /></td> <td class="slt"><strong class="norTit">列表成员</strong><br /><select id="SltAddrB" class="SltBar" name="" size="12" multiple="true"> <option value="">CNLei03 <test@test.com></option> <option value="">CNLei04 <test@test.com></option> <option value="">CNLei08 <test@test.com></option> </select></td> </tr> </table> </body> </html>
提示：您可以先修改部分代码再运行
写了个双击的，只能单方向的！
<script language="javascript"> var i=0 function trans() { var s1=document.getElementById('s1') var value=s1.options[s1.selectedIndex].innerHTML var newoption=new Option(value,'') var s2=document.getElementById('s2') s2.options[i]=newoption i++ } </script> <select name="select2" id="s1" size="5" class="TextBox" onDblClick="trans()"> <option>aaaaaa</option> <option>123</option> </select> <select name="select2" id="s2" size="5" class="TextBox" style="width:100px"> </select>
提示：您可以先修改部分代码再运行
[
本帖最后由 cookie 于 2007-8-11 15:54 编辑
]
UID
143
帖子
85
精华
3
积分
379
阅读权限
50
在线时间
18 小时
注册时间
2007-6-28
最后登录
2008-6-14
查看详细资料
TOP
‹‹ 上一主题
|
下一主题 ››
设计人
插画
网页设计
摄影图片
平面设计
设计师加油
站务区
站务管理
娱乐其他
智力游戏
投资理财
娱乐时尚
IT风向标
社会新闻
灌水专区
娱乐八卦
资源共享区
酷站资源
提交酷站
PS笔刷/样式/滤镜&插件
开源软件
免费资源区
实用软件/手册
代码交流区
WEB2.0 / AJAX
ASP,PHP,JSP...
JS,UI框架开发
JQuery
mootools
ProtoType
DHTML eXtensions
CSS代码交流
控制面板首页
编辑个人资料
积分记录
公众用户组
个人空间管理
基本概况
版块排行
主题排行
发帖排行
积分排行
交易排行
在线时间
管理团队
393张高清晰web2.0站点截图
425款精品毛笔墨迹+38款墨迹底纹..
10位Master级别的Photoshop高手
绝对漂亮的笔刷
Soul 近期新作品欣赏..
熟女养成日志—长草
魔幻抽象/吸血鬼传说！！
photoshop仿CG滤镜
新手必看：积分、资源币、人民币、用户级别、发贴教程
设计QQ群:31195683
