如何使用sortable.js拖放选择列表（下拉列表）

Question

我正在使用sortable.js拖放html元素。我无法按原样拖动完整的下拉列表（选择->选项）

我有这个选择标签

aList.size()

我需要拖放带有子节点的整个选择，但是我无法做到这一点。我什至不能拖动此标签。但是我可以拖动其他元素。我正在尝试将选择从“我的div”拖到“我的div”

我来自div

<div class="cust-item-group">
                            <select id="ddl" class="cust-item item-element form-control">
                                <option class="cust-item item-element">option</option>
                                <option class="cust-item item-element">option</option>
                                <option class="cust-item item-element">option</option>
                            </select>
                        </div>


<div class="container-fluid ec-wrapper">
                        <br />
                    </div>

我的div

var items = $(".cust-item-group");
        for (var i = 0; i < items.length; i++) {
            new Sortable(items[i], {
                group: {
                    name: 'shared',
                    pull: 'clone',
                    put: false,
                },
                filter: '.el-title',
                animation: 150,
                sort: false,
            });
        }