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

這個很管用，還沒注意到這兩函數呢

果然很好用！

謝謝

總結

以上是生活随笔為你收集整理的实现option上下移动_用jQuery实现lt;selectgt;选项上下移动 - 不要哀求 学会争取 若是如此 终有所获 - ITeye博客...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。