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

嘖嘖嘖，短短兩個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

浏览 3194

评论

1 楼

fovlife

2010-03-08

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

果然很好用！

谢谢