2014-12-09 58 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

相關問題