Php 如何从多个可拖放元素中获取数据

Php 如何从多个可拖放元素中获取数据,php,javascript,jquery,post,Php,Javascript,Jquery,Post,在我的脚本中,我正在试验jquery的draggable&dropable。我试图从每个拖放到可拖放div中的可拖放元素中获取数据(最终放入数据库)。现在我有了它,这样我只能从上次拖放的div中获取数据 $('#sortcard, #dropbox, #dropbox1').droppable({ accept: '.sorting', hoverClass: 'border', tolerance: 'touch', dr

在我的脚本中,我正在试验jquery的draggable&dropable。我试图从每个拖放到可拖放div中的可拖放元素中获取数据(最终放入数据库)。现在我有了它,这样我只能从上次拖放的div中获取数据

    $('#sortcard, #dropbox, #dropbox1').droppable({
        accept: '.sorting',
        hoverClass: 'border',
        tolerance: 'touch',
        drop: function(e, ui) {
          $(this).append(ui.draggable.html() + '<br/>');
          $("#add_friend").show().fadeOut(12000);
          $(e.target).droppable("disable");
          $(e.target).append("<input type='button' name='Sub' value='clear'/>").click(function() {
            $(this).empty().droppable("enable");
             });

            var dropbox = $('#dropbox').html();
            var dropbox1 = $('#dropbox1').html();

            if(dropbox && dropbox1 !== '') {
                 $.post("account_main.php", {data: $(this).text()}, function(data) {
                    $('#demo').html(data);
                });     
             }
          }
      });

我一直在玩弄它,但仍然没有得到我想要的结果。我觉得我在这方面的编码可能是粗略的,需要修改,但我只需要一些想法来推动我朝正确的方向前进,使它更高效,并且非常感谢任何提示。

您只从上一个
可拖放
中获取数据,因为您发送了
$(this).text()

在该上下文中,
$(this)
是最后一个被删除的
可删除的
。因为您想要的不止这些,所以您需要替换:

{data: $(this).text()}
比如:

{
    sortcard: $('div#sortcard').text(),
    dropbox: $('div#dropbox').text(),
    dropbox1: $('div#dropbox1').text()
}

这将发送来自这三个div的数据。

对不起,我不理解您的问题。缩进您的代码,这样更容易理解。:-)我有3个可拖放div,我想知道当一个可拖放元素被拖放到其中时,如何从所有3个div中获取数据。到目前为止,我只从最后一个被删除的可删除项中获取数据。我想要它,这样当所有三个都被删除时,我就可以从所有三个中获取数据。你明白了吗@flackendIt看起来像是在使用POST,所以$\u GET在PHP脚本中是空的。您希望何时访问这三个可拖放div中的html?当两个被填充,然后最后一个div被删除?是的,我只是用$u GET作为一个例子。我知道我正在使用$邮政。我想将每个数据库的数据与数据库中的数据进行匹配。你明白了吗@马修布兰卡特
{
    sortcard: $('div#sortcard').text(),
    dropbox: $('div#dropbox').text(),
    dropbox1: $('div#dropbox1').text()
}