移动 DIV 内容答案

【问题标题】：Move DIV content移动 DIV 内容
【发布时间】：2013-12-29 09:35:57
【问题描述】：

我查看了街区周围的一些样本，但没有什么比这更清楚了。我的问题如下：（TEST1、TEST2的细分是动态生成的）

FILE1.PHP

<div id="MAINLeft">
  <div id="TEST1">
    <form method="post">
      <select name="Select1"
        onchange="AssignOrder(this.options[this.selectedIndex].value,TEST1)">
        <option value="A1">Name1</option>
        <option value="B1">Name2</option>
        <option selected="selected">------Select------</option>
      </select>
    </form>
  </div>
  <div id="TEST2">
    <form method="post">
      <select name="Select2"
        onchange="AssignOrder(this.options[this.selectedIndex].value,TEST1)">
        <option value="A1">Name1</option>
        <option value="B1">Name2</option>
        <option selected="selected">------Select------</option>
      </select>
    </form>
  </div>
</div>
<div id="MAINRight">
</div>

所以我基本上是在后台执行 ajax，而不刷新页面并在 MAINRIGHT DIV 中显示结果，并将 DIV 隐藏在 LEFDIV 中。

function AssignOrder(id,divid)
   {    
     jQuery.ajax({
     type: "GET",             
     url: 'AssignOrder.php',
     data: "id=" + id,
      success: function(data) {
       $('#MAINRight').append(data);
        $(divid).hide();
    }
 });    
 }

该功能完美运行，但之后我想从RIGHTDIV中新显示的DIV中单击而不刷新页面并将DIV返回LEFTDIV，然后删除MAINRIGHT DIV中的DIV。

我使用了以下代码，但它似乎无法正常工作。

function CancelOrder(id)
   {    
    //to get the ajax content and display in div 
    jQuery.ajax({
    url: $(this).attr('href'),
    success: function(response){
      $(id).show();
    },
    complete: function(){$(this).remove();}
    });
    //stop refreshing to the page given in
    return false;
 }

RIGHTDIV中被转移的DIV里面有如下一行：

<a href="OrderCancel.php?id=23" onclick="CancelOrder(id)">Cancel</a>

【问题讨论】：

标签： javascript jquery html

【解决方案1】：

生成的 html 不知道 id 是什么意思。 OnClick(id)，生成这些链接的时候用正确的id替换。

【讨论】：

这看起来像是一条评论......如果您想回答问题，您应该提供完整的解决方案 - 请！

【解决方案2】：

如果您为链接分配一个 ID，然后将 this.id 传递给 CancelOrder 函数，它将起作用：

<a id="order-cancel-23" href="OrderCancel.php?id=23" onclick="CancelOrder(this.id)">Cancel</a>

【讨论】：

实际上我在初始页面中放置的链接是原始链接。真正的想法是在AssignOrder.php Cancel 的源代码中。但是单击会打开一个新窗口并打印 OrderCancel.php 文件