首页 > 网页特效 > 表单按钮 > 用onclick事件控制select操作的JS代码

用onclick事件控制select操作的JS代码

时间：2009-12-27 来源：5icool.org

用onclick事件控制select操作的JS代码，代码如下：

<SCRIPT LANGUAGE="JavaScript">

</script>
<form ACTION="" METHOD="POST">
<table>
<tr>
<td>
<input type="button" value="增加记录" onclick="move(this.form.list1,this.form.list2)" name="B1"><br>
<input type="button" value="删除记录" onclick="remove(this.form.list2)" name="B2"><br>
<input type="button" value="向上移动" onclick="Moveup(this.form.list2)" name="B3"><br>
<input type="button" value="向下移动" onclick="Movedown(this.form.list2)" name="B4">
</td>
<td>
<select multiple size=7 name="list2">
<option value="one">记录一</option>
<option value="two">记录二</option>
<option value="three">记录三</option>
<option value="four">记录四</option>
<option value="five">记录五</option>
<option value="six">记录六</option>
</select>
</td>
</tr>
<tr>
<td>
<input type="text" name="list1" value="">
</td></tr>
</table>
</form>

提示:可以对代码修改后再运行。

请把以上代码加入<body>区域中。

相关热词：select

分享到：

更多...

收藏至我的帐号

点击下载

下载排行榜: 31款简单实用的CSS+JS下拉菜单脚本; 带标题和数字导航的JS焦点幻灯特效代码; 半透明立体质感的宽屏flash+xml焦点幻灯代码; 简洁效果多图切换flash幻灯焦点图代码; 适合摄影网站超漂亮的宽屏flash+xml幻灯轮换代码; 透明质感上下滑动带小图预览5屏JS焦点图幻...; 唯美华丽带缩略小图的滑动式JQuery幻灯片特...; 14款很漂亮的jQuery导航菜单插件; 3D立体效果金字塔环形旋转的flash+xml相册代码; 带标题显示的宽屏jQuery焦点幻灯片代码

教程排行榜: 21个可用于网站和博客的免费视频播放器插件; 10个WEB开发者应该收藏的实用工具网站推荐; 20款国外知名的PHP开源免费CMS系统推荐; 10款有利于加速WEB开发的必备CSS开发框架; 国外十五款优秀的免费开源电子商务平台; 新浪SAE新手教程：如何下载和安装DiscuzX2.0？; 微博数据分析：新浪微博企业微博发布时间规...; 12款跨浏览器的网页兼容性测试工具推荐; 国外五款主流的免费网站流量统计工具; 巧用QQ漂流瓶做网站营销推广