javascript - 选择元素中的可排序 native 选项

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);
            }
        });
    });
});