<html>
<head>
<script type="text/javascript">
function listboxMoveacross(sourceID, destID) {
var src = document.getElementById(sourceID);
var dest = document.getElementById(destID);
for(var count=0; count < src.options.length; count++) {
if(src.options[count].selected == true) {
var option = src.options[count];
var newOption = document.createElement("option");
newOption.value = option.value;
newOption.text = option.text;
newOption.selected = true;
try {
dest.add(newOption, null); //Standard
src.remove(count, null);
}catch(error) {
dest.add(newOption); // IE only
src.remove(count);
}
count--;
}
}
}
</script>
</head>
<table>
<tbody>
<tr>
<td>
<select id="sourceSelect" size="10" multiple="multiple">
<option value="a">Afghanistan</option>
<option value="b">Bahamas</option>
<option value="d">Belgium</option>
<option value="e">Bhutan</option>
<option value="f">China</option>
<option value="g">Croatia</option>
<option value="h">Denmark</option>
<option value="i">France</option>
<option value="c">Barbados</option></select>
</td>
<td>
<button onclick="listboxMoveacross('sourceSelect', 'destSelect');">>></button> <br>
<button onclick="listboxMoveacross('destSelect', 'sourceSelect');"><<</button>
</td>
<td>
<select id="destSelect" size="10" multiple="multiple">
<option value="a">Afghanistan</option>
<option value="b">Bahamas</option>
<option value="c">Barbados</option>
<option value="d">Belgium</option>
<option value="e">Bhutan</option>
<option value="f">China</option>
<option value="g">Croatia</option>
<option value="h">Denmark</option>
<option value="i">France</option>
</select>
</td>
</tr>
</tbody></table>
</html>
分享到：
相关推荐
C#js实现ListBox左边的移动到右边，右边的移动到左边
主要介绍了基于javascript实现listbox左右移动的相关资料，以一个完整的实例代码分析了js实现listbox左右移动的相关技巧，感兴趣的小伙伴们可以参考一下
javascript实现listbox左右移动实现代码，需要的朋友可以参考下。
本文实例讲述了JavaScript控制listbox列表框的项目上下移动的方法。分享给大家供大家参考。具体分析如下： 这段JS代码可以控制listbox内的元素向上或者向下移动，这个功能非常有用。下面是详细的代码 代码如下:...
javascript模拟listbox，实现左右两个listbox选项移动
本文实例讲述了JavaScript控制两个列表框listbox左右交换数据的方法。分享给大家供大家参考。具体分析如下： 这个功能我们经常用到，将左边列表框的元素移动到右边，或者将右边列表框的元素移动到左边，可以一次性...
代码如下:<...<head> <... charset=gb2312 “> <title>... 注1：左右移动进行选取 注：本页面仅在IE6/FireFox1.5下测试过。其它浏览器或其它版本未经测试。
利用ListBox控件实现数据源字段的选择，从左边的列表中挑选数据移动至右侧列表中，当然也可从右侧移动至左边的列表中。大家在浏览网页的时候就会发现，有些招聘网站在选择职位的时候就有类似的功能，只不过是基于...
两个多选下拉框左右来回选择，被选的一方消失，移动到目标下拉框中
Javascript版选择下拉菜单互移且排序</title> <meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″></head><body> 选定一项或多项然后点击添加或移除(按住shift或...
Silverlight 2.0 人机交互：响应用户的鼠标操作和键盘操作。 MouseEnter - 鼠标进入时触发的事件（显然，此事件不能冒泡） MouseLeave - 鼠标离开时触发的事件（显然，此事件不能冒泡） MouseLeftButtonDown - 鼠标...
HTML基础加强、css（包含Div+CSS布局）、JavaScript、Dom（事件、window对象、document对象、对话框、定时器、粘贴板、动态Dom、跨浏览器兼容性解决方案、JS压缩和CDN、Internet Explorer Developer Toolbar）、...
2.8 其他常见的Visual Studio操作29 2.8.1 创建新项目29 2.8.2 引用其他对象30 2.8.3 使用智能标记32 2.8.4 保存和导入 Visual Studio设置32 2.8.5 验证HTML34 2.8.6 团队的合作36 2.8.7 使用代码片断36 2.9 小结...
智能用户界面表示基于Javascript，HTML和CSS的框架，用于构建在PC，Touch和移动设备上运行的基于Web的应用程序。 Smart UI可用于Javascript，Angular，React，Vue和Blazor。 它包含60多个UI组件。 所有组件都是从头...
6.3.5 把文件内容从Stream对象移动到Byte数组中 175 6.4 MultiView和View服务器控件 175 6.5 Wizard服务器控件 179 6.5.1 定制边栏导航 181 6.5.2 AllowReturn属性 182 6.5.3 使用StepType属性 182 6.5.4 给...