<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<script type="text/javascript" src="xxx/jquery.js"></script>
</head>
<script type="text/javascript">
function moveToRight(){
$("#D1 option:selected").each(function(){
var option = $(this)
$("#D1").remove(option);
$("#D2").append(option);
});
}
function moveUp(){
$('#D2 option:selected').each(function(){
var option = $(this);
//alert(option.prev().size());
if(option.prev().size()!=0){
option.prev().before(option);
}
});
}
</script>
<body>
<select size="3" id="D1" multiple>
<option value="1">a</option>
<option value="2">b</option>
<option value="3">c</option>
<option value="4">d</option>
</select>
<input type=button value=">" onclick="moveToRight()"/>
<select size="3" id="D2" multiple>
</select>
<input type=button value="向上" onclick="moveUp()"/>
<input type=button value="向下" onclick="moveDown()"/>
</body>
</html>
跃笔书辉
- 浏览: 50663 次
- 性别:
- 来自: 北京
-
最新评论
相关推荐
Google的下拉框以其高效、智能和易用性著称，许多开发者尝试复制这种功能以实现类似的效果。在本案例中，我们将讨论如何实现这一目标，重点是使用`jquery.flexselect-0.2`这个jQuery插件。 `jquery.flexselect-0.2`...
《锋利的jQuery小例子解析》 在编程领域，jQuery是一个广泛应用的JavaScript库，它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互。本文将深入探讨“锋利的jQuery第三章例子”中涉及的关键知识点，通过分析...
页面右边的自定义表单项中有多种表单类型可供选择，如：常用项：姓名、性别、电话、兴趣爱好文本框表单项、单选、多选按钮、时间、省市区下拉框、多行文本等多个自定义项。同时支持效果预览和复制代码功能。 实现...
7. **Chosen**: 改进下拉框体验，提供搜索、多选等功能。 8. **EasyPieChart**: 用于绘制简单易用的饼图。 9. **Countdown**: 实现倒计时功能，适用于活动预告或限时促销。 10. **jQuery ScrollTo**: 实现页面...
标题中的“jquery 实现两Select 标签项互调示例代码”指的是使用jQuery库来实现两个多选下拉框（Select元素）之间的选项互相移动的功能。这种功能常见于需要用户在两个列表之间选择和分配项目的场景，例如，将已选...
jquery获得和设置下拉框值的代码 基于jquery的跨域调用文件 ================================= 7款强大的Javascript网格插件 Javascript 汉字编码转换 Javascript 面向对象之封装 Javascript 面向对象之构造函数的...
- **说明**：此处使用`proxy:'clone'`参数，表示使用原始元素的复制作为代理进行拖动。 ##### 知识点4：自定义代理(proxy) - **代码示例**： ```javascript $('#dd3').draggable({ proxy: function(source) { ...
自定义表单项有：姓名、电话、邮箱、身份证、个人网站、上传Logo、性别、职位、个人简介 ，文本框、下拉框、单选、多选、多行文本、时间、上传、省市区等创建表单功能代码。支持复制代码和表单预览查看效果
在现代网页设计中，select下拉列表是实现用户交互的一项基本元素...同时，使用这种方法也可以增强select的功能，比如添加搜索功能，支持多选等，不过这将大大增加实现的复杂性，同时对浏览器的兼容性测试也会更加严格。
8.[纠正]纠正部分浏览器后台列表管理的多选处理按钮和下拉菜单失效的BUG 9.[改变]后台兼容模式提升到IE8模式 10.修复其他诸多小细节 2013年07月19日 V2.74更新包 1.[新增]后台引导页加入非IE浏览器提示，后台部分...