实现option上下移动_用jQuery实现lt;selectgt;选项上下移动 - 不要哀求学会争取若是如此终有所获

嘖嘖嘖，短短兩個API串接: $opt.next().after($opt)就做出了向下移動的效果。記得以往用純Javascript寫，還得判斷是否為最後一個，若是就不能下移；然後上下位置交換得用options[index]搞半天。不得不要再次讚嘆jQuery的神奇!

$(function() {

$("#btnMoveUp,#btnMoveDown").click(function() {

var $opt = $("#selList option:selected:first");

if (!$opt.length) return;

if (this.id == "btnMoveUp") $opt.prev().before($opt);

else $opt.next().after($opt);

});

//按Alt加上下鍵也可以移動

$("#selList").keydown(function(evt) {

if (!evt.altKey) return;

var k = evt.which;

if (k == 38) { $("#btnMoveUp").click(); return false; }

else if (k == 40) { $("#btnMoveDown").click(); return false; }

});

Item 1

Item 2

Item 3

Item 4

Item 5

转载自: http://blog.darkthread.net/ 黑暗执行绪

分享到：

2009-07-24 11:23

1 楼

fovlife

2010-03-08

这个很管用，还没注意到这两函数呢

果然很好用！

谢谢

实现option上下移动_用jQuery实现lt;selectgt;选项上下移动 - 不要哀求学会争取若是如此终有所获 - ITeye博客...相关推荐

jquery可拖动表格调整列格子的宽度大小本文章来源于代潇瑞博客原文地址：http://www.daixiaorui.com/read/98.html
演示地址:http://www.daixiaorui.com/Public/demo/js/drag_tb/ 本文章来源于代潇瑞博客原文地址:http://www.daixiaorui.com/r ...
quot;luasql.mysqlquot;_解决mysqlquot;Access denied for user 'root'@'IP地址'quot;问题 - - ITeye博客...
1. 改表法.可能是你的帐号不允许从远程登陆,只能在localhost.这个时候只要在localhost的那台电脑,登入mysql后,更改 "mysql" 数据库里的 " ...
队列的基本操作_如果让你手写个栈和队列，你还会写吗？||CSDN博客精选
来源:华为云云享专家倪升武昨天跟一个CSDN上的朋友聊天,他说现在如果让他自己手写一个栈或者队列,估计都要写蛮久的,平时虽然都在用,但是都是别人封装好的集合. 确实,经典的数据结构,包括排序算法,虽 ...
gif透明背景动画_做动画片用什么软件？99%的人用它就做出来了 - 动画制作博客...
做动画片用什么软件?常用的动画.剪辑工具较多,一提到很多人会想到Adobe家的PR.AE吧,不得不承认这些是神器,能做出专业效果,属于专业级别的软件,但是不适合大多数人. 现在做动画的主流软件还有很多 ...
python中answer是什么意思_用Python实现的quot;石头,剪刀,布quot; - The answer to everything - ITeye博客...
需求:设计一个"石头,剪子,布"游戏,有时又叫"Rochambeau",你小时候可能玩过,下面是规则.你和你的对手,在同一时间做出特定的手势,必须是下面一种手势 ...
后缀数组 java实现_后缀数组模板 - java开发指南博客【转载】 - ITeye博客
//后缀数组模板 int wa[maxn],wb[maxn],wv[maxn],ws[maxn];//这些都是需要用到的中间变量 int cmp(int *r,int a,int b,int l) { ...
深入学习 jQuery 选择器系列第三篇——过滤选择器之索引选择器 - 小火柴的蓝色理想 - 博客园...
博客地址: http://www.cnblogs.com/xiaohuochai/p/5807292.html#3559878 写的很细致的博文, 手动收藏+转发. 转载于:https://www ...
jquery 获取元素图片_【jQuery】获取图片真实宽高
jQuery有没有获取图片实际尺寸的方法? 就是图片文件的实际尺寸,而不是添加了css样式之后的尺寸. 肥肠真实,如假包换! //code from http://caibaojian.com/jqu ...
jquery调色板_使用jQuery的调色板生成器
jquery调色板 As I continue to learn jQuery, I think it's important that I begin by porting over scripts ...

实现option上下移动_用jQuery实现lt;selectgt;选项上下移动 - 不要哀求学会争取若是如此终有所获 - ITeye博客...

实现option上下移动_用jQuery实现lt;selectgt;选项上下移动 - 不要哀求学会争取若是如此终有所获 - ITeye博客...相关推荐

最新文章

热门文章

实现option上下移动_用jQuery实现lt;selectgt;选项上下移动 - 不要哀求 学会争取 若是如此 终有所获 - ITeye博客...

实现option上下移动_用jQuery实现lt;selectgt;选项上下移动 - 不要哀求 学会争取 若是如此 终有所获 - ITeye博客...相关推荐

最新文章

热门文章

实现option上下移动_用jQuery实现lt;selectgt;选项上下移动 - 不要哀求学会争取若是如此终有所获 - ITeye博客...

实现option上下移动_用jQuery实现lt;selectgt;选项上下移动 - 不要哀求学会争取若是如此终有所获 - ITeye博客...相关推荐