Jquery ui 在grails中创建jQuery可排序列表

我想在grails中创建一个。此列表必须由下拉列表填充。以下是流程：

1用户从下拉列表中选择项目1 ，项1显示在可排序列表中

2用户从下拉列表中选择项目3 ，项目3显示在可排序列表中

3用户从下拉列表中选择项目5 ，项5显示在可排序列表中

然后，用户可以按照自己想要的方式重新排列可排序列表，并将其保存在列表中。它必须是一个列表，因为维护序列很重要。目前，有一个multi-select可选择多个项目，但无法使它们保持有序

我的项目中安装了Jquery插件。我不知道如何从下拉列表中获取所选项目。这些类之间有许多关系

<div class="fieldcontain ${hasErrors(bean: CarInstance, field: 'parts', 'error')} ">
<label for="parts">
    <g:message code="label" default="Car Parts" />
</label>
<g:select name="parts"
          from="${Parts.list()}"
          multiple="multiple"
          optionKey="id"
          size="5"
          optionValue="partName"
          class="many-to-many"/>

任何建议都会有帮助。

---

谢谢..

一般来说，我建议您将HTML标记与客户端逻辑分开，并将所有逻辑写入单独的javascript文件中。例如，您的javascript代码可能如下所示：

(function ($) {
    $('select').on('change', function () {
        var value = $(this).val();
        var text = $(this).find('option:selected').text();
        $('<div class="item" data-value="' + value + '">' + text + '</div>')
            .appendTo('#sortable');
    });
})(jQuery);

---

请看一个示例JSFIDLE:

Update：在select标记中使用onChange事件可以解决这个问题。如果有用，将进行更新。