используя сортировку / перетаскивание jquery на выбранный вход

Я ищу перетаскивание выбранного ввода, как в моем коде ниже:
Я использую jquery-ui с библиотекой bootstrap-multiselect на выбранных входах.
с .sortable я могу перетаскивать и сортировать div, перетаскиваемый div, когда я нахожусь на col-sm-xx и plus, но в размере xs, я хотел бы установить метку на входе select и получить место на моем экране, чтобы скрыть ярлык.
Но это сортируемая работа только на ярлыке, а не на выбранном входе, и я должен перетащить их вместе.
Я пробовал разные способы и поиск, но на самом деле никто не работает.

спасибо за ваши возвращения 🙂

HTML:

<div id="div_sel_origine" class="panel-body dragto2 dragto3">
<div class="draggable form-group col-sm-12 col-sm-6 no-padding">
<label class="hidden-xs">select title</label>
<select class="dropdown_filtre">
<option value="1">Value 1</option>
<option value="2">Value 2</option>
<option value="3">Value 3</option>
<option value="4">Value 4</option>
</select>
</div>
</div>

JS:

$("#div_sel_origine").sortable({
connectWith: "#div_sel_colonne, #div_sel_ligne",
tolerance: "pointer",
items: "div.draggable",
cursor: "grabbing",
cursorAt: {
left: ($(".draggable").innerWidth() / 2),
top: ($(".draggable").innerHeight() / 2)
},
}).disableSelection();