如何使用 php 发送包含其他输入的表单的可排序列表值
How to send sortable list values with form that contain other inputs using php
我在表单中有一个可排序的有序列表,用户可以对其进行排序,然后在表单中填写一些输入字段,然后提交表单。我正在使用 php 和 jquery 可排序插件。我如何发送具有其他表单值的列表或将可排序项目放入文本区域有什么想法吗??
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");
});
之后用户可以拖动任何列表项并将其放入文本区域
我在表单中有一个可排序的有序列表,用户可以对其进行排序,然后在表单中填写一些输入字段,然后提交表单。我正在使用 php 和 jquery 可排序插件。我如何发送具有其他表单值的列表或将可排序项目放入文本区域有什么想法吗??
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");
});
之后用户可以拖动任何列表项并将其放入文本区域