zoukankan
html css js c++ java
写的一个双向选择器(JS)
<!
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
>
Web双向选择器
</
title
>
<
script
type
="text/javascript"
language
="javascript"
>
function
moveItem(dest, source)
{
var
dest
=
(
typeof
dest
==
"
string
"
?
document.getElementById(dest): dest );
var
source
=
(
typeof
source
==
"
string
"
?
document.getElementById(source) : source );
if
( source.tagName.toLowerCase()
!=
"
select
"
||
dest.tagName.toLowerCase()
!=
"
select
"
)
return
;
for
( index
=
source.length
-
1
; index
>=
0
; index
--
)
{
if
( source[index].selected )
{
dest.length
++
;
dest[dest.length
-
1
].id
=
source[index].id;
dest[dest.length
-
1
].value
=
source[index].value;
dest[dest.length
-
1
].text
=
source[index].text;
source[index]
=
null
;
}
}
}
</
script
>
<
style
type
="text/css"
>
select
{
}
{
margin
:
-2px
;
}
</
style
>
</
head
>
<
body
>
<
table
width
="200"
border
="0"
cellpadding
="0"
cellspacing
="0"
>
<
tr
>
<
td
>
<
select
size
="6"
multiple
="multiple"
id
="left"
ondblclick
="moveItem(right,this)"
>
<
option
value
="def"
>
ListItem1
</
option
>
<
option
value
="abcd"
>
ListItem2
</
option
>
</
select
>
</
td
>
<
td
>
<
input
type
="button"
value
=" > "
name
="btnRight"
onclick
="moveItem(right,left)"
/>
<
input
type
="button"
value
=" < "
onclick
="moveItem(left,right)"
id
="btn"
name
="btnLeft"
/>
</
td
>
<
td
>
<
select
size
="6"
multiple
="multiple"
id
="right"
ondblclick
="moveItem(left,this)"
>
<
option
value
="abc"
>
ListItemm3
</
option
>
<
option
value
="def"
>
ListItem4
</
option
>
<
option
value
="abcd"
>
ListItem5
</
option
>
<
option
value
="abc"
>
ListItem6
</
option
>
<
option
value
="def"
>
ListItem7
</
option
>
<
option
value
="abcd"
>
ListItem8
</
option
>
</
select
>
</
td
>
</
tr
>
</
table
>
</
body
>
</
html
>
查看全文
相关阅读:
DELPHI美化界面
WebSevice相关
Hotmail邮件接收
DHTMLEdit
Eclipse 基础
POP3相关
DELPHI中GIF的使用
javaaop
RAD Studio 2010 启动报错"displayNotification: 内存不够" 解决办法
编程之道
原文地址:https://www.cnblogs.com/CSharp/p/416991.html
最新文章
在tsql 中使查詢結果按照自定義的字串排序
設置sqlplus格式
DropDownList控件的用法
create sequence
DataTable的使用。(将数据列信息赋值给指定的控件)
多文档上传功能实现
DataGrid中CheckBox的用法
插件工程模板的制作
C++通用插件框架已在公网开源
X3插件框架已开放源码
热门文章
C++中匈牙利命名法是否该淘汰
X3插件框架发布新版本 1.0.5
算法试题:从一串数字中构造出能被15整除的最大整数
插件体系源代码参考目录结构
X3插件框架插件基础模块使用说明
X3插件框架采用GCC4.5.1编译 发布v1.0.6
2009年5月的需求规格书评论总结
WEB框架研究笔记一(准备)
AnimateWindow
FastReport 4.7 的两个BUG及修复方法
Copyright © 2011-2022 走看看