重新排列预先存在的物理表单字段

Question

所以我现在已经做了一段时间的研究，但在任何地方找不到任何东西。这是我想要做的。现在，使用javascript，我有一个在div中创建文本字段的按钮。

var i = 1;
function addbox() {
if (i <= 25) {  // max number of textboxes
$('#services').append("<div id='services"+[i]+"'><input type=text placeholder='Additional Service "+[i]+"' name='service[]' maxlength=255 required=required></div>");

i++;
}
else {
alert ("No more services possible")
}
}

这就是说，我希望用户能够轻松地通过拖动它们来重新排列创建的文本字段。

例如，从以下地址切换订单：

<input name="text1">
<input name="text2">

到

<input name="text2">
<input name="text1">

此外，能够轻松删除文本字段会很高兴。任何帮助都会很棒！

Answer 1

试试jQuery UI Sortable？

额外的字母，以便我的答案可以发布。