【发布时间】:2019-04-05 08:40:05
【问题描述】:
我在表单中有一个可排序的有序列表,用户对其进行排序,然后填写表单中的一些输入字段,然后提交表单。我正在使用 php 和 jquery 可排序插件.. 我如何发送带有其他表单值的列表或将可排序项目放在 textarea 中的任何想法??
【问题讨论】:
标签: php list jquery-ui-sortable
我在表单中有一个可排序的有序列表,用户对其进行排序,然后填写表单中的一些输入字段,然后提交表单。我正在使用 php 和 jquery 可排序插件.. 我如何发送带有其他表单值的列表或将可排序项目放在 textarea 中的任何想法??
【问题讨论】:
标签: php list jquery-ui-sortable
jQuery UI 可排序功能具有serialize method,非常易于使用
这是一个简单的示例,它会在元素位置发生变化时立即将数据发送到指定的 URL:
$('#your-ulelement').sortable({
axis: 'y',
update: function (event, ui) {
var data = $(this).sortable('serialize');
// POST to server using $.post or $.ajax
$.ajax({
data: data,
type: 'POST',
url: 'any url for get data'
});
}
});
那么你就可以在 PHP 中轻松地将它作为一个数组使用
【讨论】:
谢谢我解决了这个问题:
我将draggable="true" 与所有列表项一起使用,然后我使用了以下javascript代码:
document.addEventListener('dragstart', function (event) {
event.dataTransfer.setData('Text', event.target.innerHTML+"\n");
});
之后,用户可以将任何列表项拖放到文本区域中
【讨论】: