select列表框中的选项顺序能不能调整

如图：
我想要调整右边已选曲目的顺序，能不能实现？用什么方法可以实现？谢谢

解决方案 »

  1.   

    排序的话 我觉得还是放在后台数据库里排序比较好，发这些数据放在table里，再抽出来 ，在前台也可以实现，不过麻烦 ，条件要判断很多
      

  2.   

    刚才在google找到了一个，用jquery来实现
    <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="▲" id="btnMoveUp" title="快速鍵: alt+向上" />  
    <input type="button" value="▼" id="btnMoveDown" title="快速鍵: alt+向下"/>  
    </body>  
    </html>