2014-12-09 59 views
1

好的,所以我有一个表格,每行在每个表格行的开始处都有复选框。当用户点击他/她想要显示的表格行并点击提交按钮时,我希望这些表格行显示在另一个页面上。我通过创建只是像这样的变量这样做:在另一个页面上显示一个jQuery变量

$('#submit').click(function(){ 

    var data; 
    var title = $('#dimTableTitle td').html(); 
     data = '<table id="dimTable">'; 
     data += '<tbody>'; 
     data += '<tr id="dimTableTitle">' + '<td colspan="100">' + title + '</td>' + '</tr>' 
     data += '<tr id="dimHeading">'; 
      $("#dimHeading").find('td').each(function(){ 
       data += '<td>' + $(this).html() + '</td>'; 

      }); 
    $('#dimTable tr').has(':checkbox:checked').each(function(){ 
     data += '<tr>' 
      $(this).find('td').each(function(){ 
       data += '<td>' + $(this).html(); + '</td>' 

      }); 
     data += '</tr>' 
    }); 

    data += '</tr>' 
    data += '</tbody>'; 
    data += '</table>'; 


    }); 

变量“数据”显示就好了原来的页面上,但是当我试图将其加载到一个新的股利或其他容器上的不同的页面我只接收整个表格,而不是选定的表格行。我想将这个新变量显示在用户点击提交按钮时弹出的新页面上。任何帮助,将不胜感激。

+1

JS变量对于每个脚本都是本地的,当您移动到另一页时,您将对脚本进行重新编码并初始化该变量。 如果您想在另一页面显示JS变量,请尝试使用localstorage。 http://diveintohtml5.info/storage.html – 2014-12-09 12:32:52

回答

1

您可以用邮寄方式发送数据,(异步)

jQuery.ajax({ 
url: "a.php?" + params, 
async: false, 
cache: false, 
dataType: "html", 
success: function(html){ 
    returnHtml = html; 
} 

});

注1:源代码是为了给你提供想法而编写的。

+0

该网站并没有利用PHP,但是,这是一个问题? – user3203552 2014-12-09 12:53:10

+0

如果您将使用php或类似的语言,您可以使用此解决方案。只有html会很难。 – 2014-12-09 13:00:30

+0

我正在与不使用PHP的第三方api不幸地工作。 Javascript和HTML是我目前唯一的选择。我想我可以搜索一个插件。 – user3203552 2014-12-09 13:10:12

相关问题