select元素中的可排序本机选项

Question

使用jQuery / jQuery UI是否可以使select节点的选项节点可排序？

它允许用户按照他们想要的顺序拖动选项。

例如：

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

你可以订购它们1,2,3或1,3,2或2,3,1等。

Answer 1

Check out jQuery UI Sortable

Answer 2

无论如何都适用于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);
            }
        });
    });
});