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

时间:2014-02-28 03:37:47

标签: javascript jquery html html5

所以我现在已经做了一段时间的研究,但在任何地方找不到任何东西。这是我想要做的。现在,使用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">

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

1 个答案:

答案 0 :(得分:0)

试试jQuery UI Sortable

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