如何获取本地页面DIV内容并发布

如何获取本地页面DIV内容和帖子

基本上让我解释一下我的问题

在此页面中 jSFiddle

<script>
function allowDrop(ev) {
    ev.preventDefault();
}
function drag(ev) {
    ev.dataTransfer.setData("Text", ev.target.id);
}
function drop(ev) {
    ev.preventDefault();
    var data = ev.dataTransfer.getData("Text");
    var new_img = $('#' + data).clone();
    $('#' + ev.target.id).html(new_img);
}    
</script>

我允许使用将图像拉入div。现在我想添加一个表单方法帖子和一个提交按钮

提交时，它将发布到第 2 页.php 和 2 页.php需要获取 2div 方块的内容，其中包含用户拉入的图像"名称"或"id"，或者可以说出用户选择的当前div 内容。

我怎样才能做到这一点。谢谢！查看我的jsFiddle页面，以更好地了解我尝试问:)

谢谢！

我能想到的一件事是使用隐藏字段。我创建了 4 个隐藏字段，即div1_selection、div2_selection、div3_selection、div4_selection，它们的值在初始时为空。

当拖放时，它们的值将是放在其上的img的id。我的问题是我如何获取在隐藏字段删除并设置的 img 的值(如果隐藏字段方法有效(

更新的尝试：

<script>
$(document).ready(function(){
 $("#sub").submit(function(){
  var img1  =   $($("#div1").html()).attr("id");
  var img2  =   $($("#div2").html()).attr("id");
  var img3  =   $($("#div3").html()).attr("id");
  var img4  =   $($("#div4").html()).attr("id");
  $.ajax({
    url: 'setImage.php?img1='+$img1+'&img2='+$img2+'&img3='+$img3+'&img4='+$img4,
    type: 'GET',
    success: function (data) {$("#newhtml").html(data);}
    });
  });
});
</script>
<form action="" method="post" id="sub">
// some codes as on jsFiddle
<div id="newhtml"></div>

我的setImage.php代码

<?php
$img1 = $_GET['img1'];
$img2 = $_GET['img2'];
$img3 = $_GET['img3'];
$img4 = $_GET['img4'];
echo "IMG 1" . $img1 . " | IMG 2 " . $img2 . " | IMG 3 " . $img3 . " | IMG 4 " . $img4;
?>

我尝试在 newhtml 上显示返回结果，但不起作用。 我做的 ajax 实现有什么问题吗？

谢谢

最新更新：

<script>
$(document).ready(function(){
     $("#input").click(function(){  var img1  = $($("#div2").html()).attr("id");
  var img1  = $($("#div3").html()).attr("id");
  var img2  = $($("#div3").html()).attr("id");
  var img3  = $($("#div3").html()).attr("id");
  var img4  = $($("#div4").html()).attr("id");
$.ajax({
url: 'setImage.php',
data:{image1:img1,image2:img2,image3:img3,image4:img4},
type: 'GET',
success: function (data) {
alert(data)
$("#newhtml").html(data);
}
});
  });
});
</script>

该变量没有被发送过来，它只是返回默认的回显消息，但它似乎无法捕获 img1，img2，img3，img4 的值