在可排序的jQuery UI上重新分配表单值

是指在使用jQuery UI的可排序功能对表单元素进行重新排序后，需要重新分配表单元素的值。

具体操作步骤如下：

首先，确保已经引入了jQuery和jQuery UI的库文件。
创建一个包含表单元素的HTML结构，可以使用<ul>和<li>标签来创建一个可排序的列表。

<ul id="sortable">
  <li><input type="text" name="input1" value="Value 1"></li>
  <li><input type="text" name="input2" value="Value 2"></li>
  <li><input type="text" name="input3" value="Value 3"></li>
</ul>

使用jQuery UI的sortable方法将列表变为可排序的。

$(function() {
  $("#sortable").sortable();
});

当用户重新排序列表时，可以使用jQuery UI的update事件来重新分配表单元素的值。

$(function() {
  $("#sortable").sortable({
    update: function(event, ui) {
      // 获取排序后的列表项
      var sortedItems = $(this).find("li");
      
      // 遍历列表项，重新分配表单元素的值
      sortedItems.each(function(index) {
        var input = $(this).find("input");
        input.val("Value " + (index + 1));
      });
    }
  });
});

在上述代码中，update事件会在用户完成排序操作后触发。通过遍历排序后的列表项，可以获取每个表单元素，并重新分配值。在这个例子中，我们将表单元素的值设置为"Value 1"、"Value 2"、"Value 3"等。

这种重新分配表单值的方法适用于需要对表单元素进行排序，并且需要保持表单值与排序后的顺序一致的场景，比如对问卷调查题目进行排序，或者对多个选项进行排序等。

腾讯云相关产品和产品介绍链接地址：