select要素のソート可能なネイティブオプション

Question

jQuery/jQuery UIで、選択ノードのオプションノードをソート可能にすることは可能ですか？

ユーザーは、オプションを好きな順番にドラッグすることができます。例えば

：

<select id="foo"> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
</select> 

は、あなたがそれらを注文することができるだろういずれか1、2、3、1、3、2、2、3、1等の

Answer 1

とにかくFirefoxで動作します。おそらくちょうど微調整が必​​要です。

var options = null; 
var targetOption = null; 
jQuery(function() 
{ 
    options = jQuery("#foo").find("OPTION"); 
    options.each(function() 
    { 
     jQuery(this).bind("mousedown", function(event) 
     { 
      targetOption = jQuery(event.target); 
     }); 
     jQuery(this).bind("mouseup", function(event) 
     { 
      var target = jQuery(event.target); 
      if(target.is(options)) 
      { 
       targetOption.insertAfter(target); 
      } 
     }); 
    }); 
}); 

Answer 2

Check out jQuery UI Sortable