<html> 
<head> 
<script type='text/javascript'    
src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js'></script> 
<script type='text/javascript'> 
$(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; }   
        });
});   
</script> 
</head><body> 
<select id='selList' size='7' style='width: 100px'> 
<option>Item 1</option> 
<option>Item 2</option> 
<option>Item 3</option> 
<option>Item 4</option> 
<option>Item 5</option> 
</select><br /> 
<input type="button" value="▲"  /> 
<input type="button" value="▼" /> 
</body> 
</html>

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-11-09
  • 2022-12-23
  • 2022-01-07
  • 2022-12-23
  • 2021-07-26
  • 2021-10-19
猜你喜欢
  • 2021-12-15
  • 2021-09-11
  • 2022-03-06
  • 2021-10-03
  • 2022-12-23
  • 2022-12-23
  • 2021-06-28
相关资源
相似解决方案