javascript操作两个选择列表(有两个列表,如何实现在一个列表通过双击和多选列表中内容添加到另一个列表. )
2007-11-01 19:01
1216 查看
本程序要求实现的功能如下:
有两个列表,如何实现在一个列表通过双击和多选列表中内容添加到另一个列表.
<html>
<head>
<title>Select Op</title>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<script type="text/javascript">
var o;
function MoveTo(index)
{
if (index!=undefined)
{
o=source.options[index];
distinct.options.add(new Option(o.text,o.value));
source.remove(index);
}
else
{
for(var i=0;i<source.options.length;)//不要在这里控制i的增长,因为有可能删除了option
{
if(source.options[i].selected)
{
o=source.options[i];
distinct.options.add(new Option(o.text,o.value));
source.options.remove(i);
i=0;
}
else
i++;
}
}
}
function MoveBack(index)
{
if (index!=undefined)
{
o=distinct.options[index];
source.options.add(new Option(o.text,o.value));
distinct.remove(index);
}
else
{
for(var i=0;i<distinct.options.length;)//不要在这里控制i的增长,因为有可能删除了option
{
if(distinct.options[i].selected)
{
o=distinct.options[i];
source.options.add(new Option(o.text,o.value));
distinct.options.remove(i);
i=0;
}
else
i++;
}
}
}
</script>
</head>
<body>
<table width='500' border='1' cellpadding='0' cellspacing='0'>
<tr>
<td width='45%' align="center"><select id='source' multiple="multiple" style="width:200; height:300" ondblclick="MoveTo(this.selectedIndex)">
<option value='1'>Item1</option>
<option value='2'>Item2</option>
<option value='3'>Item3</option>
<option value='4'>Item4</option>
<option value='5'>Item5</option>
<option value='6'>Item6</option>
</select></td>
<td width='10%' align="center"><input type="button" value=">>" onclick="MoveTo()" /><br /><input type="button" value="<<" onclick="MoveBack()" /></td>
<td width='45%'><select id='distinct' ondblclick="MoveBack(this.selectedIndex)" style="width:200; height:300" multiple="multiple" align="center"></select></td>
</tr>
</table>
</body>
</html>
有两个列表,如何实现在一个列表通过双击和多选列表中内容添加到另一个列表.
<html>
<head>
<title>Select Op</title>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<script type="text/javascript">
var o;
function MoveTo(index)
{
if (index!=undefined)
{
o=source.options[index];
distinct.options.add(new Option(o.text,o.value));
source.remove(index);
}
else
{
for(var i=0;i<source.options.length;)//不要在这里控制i的增长,因为有可能删除了option
{
if(source.options[i].selected)
{
o=source.options[i];
distinct.options.add(new Option(o.text,o.value));
source.options.remove(i);
i=0;
}
else
i++;
}
}
}
function MoveBack(index)
{
if (index!=undefined)
{
o=distinct.options[index];
source.options.add(new Option(o.text,o.value));
distinct.remove(index);
}
else
{
for(var i=0;i<distinct.options.length;)//不要在这里控制i的增长,因为有可能删除了option
{
if(distinct.options[i].selected)
{
o=distinct.options[i];
source.options.add(new Option(o.text,o.value));
distinct.options.remove(i);
i=0;
}
else
i++;
}
}
}
</script>
</head>
<body>
<table width='500' border='1' cellpadding='0' cellspacing='0'>
<tr>
<td width='45%' align="center"><select id='source' multiple="multiple" style="width:200; height:300" ondblclick="MoveTo(this.selectedIndex)">
<option value='1'>Item1</option>
<option value='2'>Item2</option>
<option value='3'>Item3</option>
<option value='4'>Item4</option>
<option value='5'>Item5</option>
<option value='6'>Item6</option>
</select></td>
<td width='10%' align="center"><input type="button" value=">>" onclick="MoveTo()" /><br /><input type="button" value="<<" onclick="MoveBack()" /></td>
<td width='45%'><select id='distinct' ondblclick="MoveBack(this.selectedIndex)" style="width:200; height:300" multiple="multiple" align="center"></select></td>
</tr>
</table>
</body>
</html>
相关文章推荐
- 通过js选择按钮实现一个内容隐藏另一个内容显示
- 设计一个string类,通过重载“+=”运算符,实现对两个string类对象m1,m2的操作。
- 窗体上有两个文本框:一个文本框中最多输入字符6个;一个文本框中输入任何内容都显示*号。再添加一个按钮、2个单选按钮。实现单击按钮后,根据单选按钮,将对应文本框中内容显示在标签
- HTML一个form表单中有两个(多个)submit,后台如何区分(纯HTML实现,无需javascript)
- 通过触发器通过一个表的添加删除操作另一个表里的信息添加删除
- 在存在两个下拉列表时,如何使前一个列表改变使后者同时改变到对应的内容
- android开发,如何实现通过上拉由一个activity切换到另一个activity
- jQuery实现Select多选列表双击选中项时相互添加
- 两个表,一个表中的两列关联另一个表的id,如何将这个表中的两列显示为另一个表id对应的内容
- 用有名管道实现文件复制,有两个终端 ,一个进行复制操作,另一个进行粘贴操作
- 扩展GridView实现多选(全选)、点击行任意位置选择行、选中变色、添加双击事件等
- 扩展GridView实现多选(全选)、点击行任意位置选择行、选中变色、添加双击事件等
- 在HTML网页中用JavaScript实现两个选择框中的内容实现互选
- 在窗体中有两个多选列表,用户可以从左侧列表中选择任意项,添加到右侧列表中。反之亦然。
- HTML一个form表单中有两个(多个)submit,后台如何区分(纯HTML实现,无需javascript)
- jQuery实现Select多选列表双击选中项时相互添加
- HTML一个form表单中有两个(多个)submit,后台如何区分(纯HTML实现,无需javascript)
- java 程序里如何实现从一个列表中拖动一个元素到另一个列表中?
- 最近写了两个组件,一个是日期选择;一个是两个JList,双击其中一个的任一个Item,这个Item就会跑到另一个JList中去。这里记录下来,以便以后的修改。
- qt如何实现一个图片选择操作