写的一个双向选择器(JS)
2006-06-04 14:01
302 查看
<!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>
</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>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Web双向选择器</title>
</script>
</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>
相关文章推荐
- js双向选择器(下)
- 一个js日期选择器。当光标移到文本框时。自动会在文本框的底部显示出来。
- javascript城市选择器,jQuery.citypicker之后又一个清爽简洁的城市选择器插件,js城市选择器,js中国城市选择,城市选择js插件
- 这是我用 javascript 制作的“Dual listbox”(双向选择器)的一个应用示例
- 一个网页颜色选择器的js
- js实现双向链表, 双向链表需要增加一个previous属性
- js双向选择器
- 用JS完成一个简单的省市二级联动
- 从头调通一个node.js博客网站
- JS。某选择器。
- 不错的一个JS框架
- 一个用jS实现的日期控件
- 用PHP实现一个双向队列
- 每日一个js实例4---DOM操作ul排序
- 一个js文件加解密工具,可以得到不开源的源码
- 把JS与CSS写在同一个文件里的书写方法
- 使用 this 指针和 prototype 实现 js 的 OO 时的一个区别
- 一个通用的JS分页标签
- 一个新手在 windows xp上安装Node.js的心得
- JS创建一个窗口