<script language="JavaScript">
<!-- Begin
function BumpUp(abox) {
for(var i = 0; i < abox.options.length; i++) {
if(abox.options[i].value == "") {
for(var j = i; j < abox.options.length - 1; j++) {
abox.options[j].value = abox.options[j + 1].value;
abox.options[j].text = abox.options[j + 1].text;
}
var ln = i;
break;
}
}
if(ln < abox.options.length) {
abox.options.length -= 1;
BumpUp(abox);
}
}
/*删除选项移动操作*/
function remove(box) {
for(var i=0; i<box.options.length; i++) {
if(box.options[i].selected && box.options[i] != "") {
box.options[i].value = "";
box.options[i].text = "";
}
}
BumpUp(box);
}
/*选择框间单项移动操作*/
function inverse(oldbox,newbox) {
for(var i = 0; i < oldbox.options.length; i++) {
if(oldbox.options[i].selected && oldbox.options[i] != "") {
var no = new Option();
no.value = oldbox.options[i].value;
no.text = oldbox.options[i].text;
newbox.options[newbox.options.length] = no;
oldbox.options[i].value = "";
oldbox.options[i].text = "";
}
}
BumpUp(oldbox);
}
/*全移操作*/
function inverseAll(oldbox,newbox) {
for(var i = 0; i < oldbox.options.length; i++) {
var no = new Option();
no.value = oldbox.options[i].value;
no.text = oldbox.options[i].text;
newbox.options[newbox.options.length] = no;
oldbox.options[i].value = "";
oldbox.options[i].text = "";
}
oldbox.options.length = 0;
}
/*下移操作*/
function Movedown(ebox) {
for(var i = 0; i < ebox.options.length-1; i++) {
if(ebox.options[i].selected && ebox.options[i] != ""){
var tmpval = ebox.options[i].value;
var tmpval2 = ebox.options[i].text;
ebox.options[i].value = ebox.options[i+1].value;
ebox.options[i].text = ebox.options[i+1].text
ebox.options[i+1].value = tmpval;
ebox.options[i+1].text = tmpval2;
}
}
}
/*上移操作*/
function Moveup(ebox) {
for(var i = ebox.options.length-1; i > 0; i--) {
if(ebox.options[i].selected && ebox.options[i] != "") {
var tmpval1 = ebox.options[i].value;
var tmpval2 = ebox.options[i].text;
ebox.options[i].value = ebox.options[i-1].value;
ebox.options[i].text = ebox.options[i-1].text
ebox.options[i-1].value = tmpval1;
ebox.options[i-1].text = tmpval2;
}
}
}
// End -->
</script>
<form action="" method="post">
<table>
<tr>
<td>下拉列表框A:
<select multiple size=5 name="list1">
<option value="one" ondblclick="inverse(this.form.list1,this.form.list2)" >ASP</option>
<option value="two">PHP</option>
<option value="three">ASP.NET</option>
<option value="four">JAVA</option>
<option value="five">DELPHI</option>
</select>
</td>
<td>
<input type="button" value="->" onclick="inverse(this.form.list1,this.form.list2)" name="A1"><br>
<input type="button" value=">>" onclick="inverseAll(this.form.list1,this.form.list2)" name="A2"><br>
<input type="button" value="向上" onclick="Moveup(this.form.list1)" name="A3"><br>
<input type="button" value="向下" onclick="Movedown(this.form.list1)" name="A4"><br>
<input type="button" value="删除" onclick="remove(this.form.list1)" name="A5">
</td>
<td>
<input type="button" value="<-" onclick="inverse(this.form.list2,this.form.list1)" name="B1"><br>
<input type="button" value="<<" onclick="inverseAll(this.form.list2,this.form.list1)" 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"><br>
<input type="button" value="删除" onclick="remove(this.form.list2)" name="B5">
</td>
<td>下拉列表框B:
<select multiple size=5 name="list2">
</select>
</td>
</tr>
</table>
</form>
分享到:
相关推荐
js 特效 html 特效 控制选择框个数 js 特效 html 特效 控制选择框个数
控制选择框个数.rar控制选择框个数.rar控制选择框个数.rar控制选择框个数.rar控制选择框个数.rar控制选择框个数.rar控制选择框个数.rar控制选择框个数.rar控制选择框个数.rar控制选择框个数.rar控制选择框个数.rar
在jsp页面中的日期选择框
控制选择框个数.rar控制选择框个数.rar控制选择框个数.rar控制选择框个数.rar控制选择框个数.rar控制选择框个数.rar
jS控制选择框选中、全选或者取消选项、取消全选。
extjs中,经常会用到datefield组件控制用户对日期的操作,比如日志管理,需要开始时间、结束时间,但是IE8下日期选择框会显示不全,解决方法参加代码。 同时改代码解决了开始时间、结束时间的时间范围控制的问题,即...
主要写这个图片框架是因为在前段时间,项目出先比较大的问题,就是使用了第三方的图片选择器导致项目不可控制了,所以我抽了点时间来完善自己的图片选择器。
框架集让你也可以实现层的控制
带复选框的多级目录树,复选框的选择控制子节点父节点 全选和反选 通过子节点控制父节点及以上父节点是否要选中
C# WinForm 系统框架包括:版本控制、 动态权限管理、数据字典、可扩展的功能接口。方便学习使用Access数据库。 版本管理 1.创建版本,创建本版本下的角色,用户 2.修改版本,如果是加入权限,只加默认角色,如果...
有两个框,选择完之后点击移动,移动到右边,右边也可以移动到左边
VFP 控制 CTtree 检查框单击事件源码。 完美处理当前项勾选操作后所有下级及上级的 状态处理 例如: 父节勾选,则其所有下级 自动全部 勾选,反则不勾选。 reakal 2013年08月31日 原创作品
本文给大家介绍的是java中选择框、单选框和单选按钮的操作方法,十分的简单实用,有需要的小伙伴可以参考下。
主要介绍了Android 列表选择框 Spinner详解及实例的相关资料,需要的朋友可以参考下
1.安装 npm i react-native-modal-dropdown -save 2.引入 import ModalDropdown from 'react-native-modal-dropdown'; 3.使用 {this.setState({typeShow:true})}} //按下按钮显示按钮时触发 ...
4.控制选择框为1:1的比例 5.设置了选择框的最大范围和最小范围 6.可以支持键盘上下左右箭头移动 7.可以切换图片上传到服务器后截取图片并返回客户端 8.图片上传是无刷新上传的">1.请浏览CutImage_Advance.aspx 这个...
可自行修改各个属性,具体属性接口可进入项目查看.. /** 添加控制器的方法(添加控制器按照控制器添加的先后顺序与按钮对应的 */ -(void)intoChildControllerArray:(NSArray *)childControllerArray; /** 添加标题...
安装ember install @zestia/ember-select-box演示版产品特点本机选择框(支持复数值) :check_mark:︎ 人造选择框(模仿本地选择框,但易于样式化) :check_mark:︎ 可导航选项和组:check_mark:︎ ARIA属性:check_...
一款简单的类似百思不得姐主页导航栏下方的那个分段界面的控件,类似王者荣耀助手的聊天模块的导航栏下方的分段界面控件等等,简单的说,这是一款分段界面选择器 ☆☆ 如何导入使用框架方法 ☆☆ 可以打开 ...