將檢查的表格行添加到電子郵件正文

我有一張表格，每行可以通過選中複選框進行選擇。 無論選擇哪行，我都希望將這些行粘貼到按下「Checkout」按鈕時彈出的電子郵件正文。將檢查的表格行添加到電子郵件正文

目前，無論何時點擊「檢出」按鈕，電子郵件都會彈出，並顯示錶格中的第一行，無論是否選中，但僅此而已。

如何根據檢查結果顯示多個選項？

表：

<section id="checkout-btn"> 
<button id="checkout" name="order" onclick="sendMail(); return false">Checkout</button> 
</section> 

<br> 

<table id="merchTable" cellspacing="5" class="sortable"> 
    <thead> 
     <tr class="ui-widget-header"> 
      <th class="sorttable_nosort"></th> 
      <th class="sorttable_nosort">Loc</th> 
      <th class="merchRow">Report Code</th> 
      <th class="merchRow">SKU</th> 
      <th class="merchRow">Special ID</th> 
      <th class="merchRow">Description</th> 
      <th class="merchRow">Quantity</th> 
      <th class="sorttable_nosort">Unit</th> 
      <th style="display: none;" class="num">Quantity #</th> 
     </tr> 
    </thead> 
    <tbody> 

     <?php foreach ($dbh->query($query) as $row) {?> 

     <tr> 
      <td class="ui-widget-content"><input type="checkbox" class="check" name="check" id="checkid-<?php echo intval ($row['ID'])?>"></td> 
      <td class="loc ui-widget-content" data-loc="<?php echo $row['Loc'] ?>"><input type="hidden"><?php echo $row['Loc'];?></td> 
      <td name="rows[0][0][rp-code]" class="rp-code ui-widget-content" align="center" data-rp-code="<?php echo $row['Rp-Code'] ?>" id="rp-code-<?php echo intval ($row['Rp-Code'])?>"><?php echo $row['Rp-Code'];?></td> 
      <td name="rows[0][0][sku]" class="sku ui-widget-content" data-sku="<?php echo $row['SKU'] ?>" id="sku-<?php echo intval ($row['SKU'])?>"><?php echo $row['SKU'];?></td> 
      <td name="rows[0][0][special-id]" class="special-id ui-widget-content" data-special-id="<?php echo $row['Special-ID'] ?>" align="center" id="special-id-<?php echo intval ($row['Special-ID'])?>"><?php echo $row['Special-ID'];?></td> 
      <td name="rows[0][0][description]" class="description ui-widget-content" data-description="<?php echo $row['Description'] ?>" id="description-<?php echo intval ($row['Description'])?>"><?php echo $row['Description'];?></td> 
      <td name="rows[0][0][quantity]" class="quantity ui-widget-content" data-quantity="<?php echo $row['Quantity'] ?>" align="center" id="quantity-<?php echo intval ($row['Quantity'])?>"><?php echo $row['Quantity'];?></td> 
      <td name="rows[0][0][unit]" class="unit ui-widget-content" data-unit="<?php echo $row['Unit'] ?>" id="unit-<?php echo intval ($row['Unit'])?>"><?php echo $row['Unit'];?></td> 
      <td name="rows[0][0][quant]" style="display: none;" class="quantity_num ui-widget-content"><input type="textbox" style="width: 100px;" class="spinner" id="spin-<?php echo intval ($row['ID'])?>"></td> 
     </tr> 

    <?php } ?> 

    </tbody> 
</table>

的Javascript是將數據添加到電子郵件：

function sendMail() { 
    var link = "mailto:[email protected]" 
      + "?subject=" + encodeURIComponent("Order") 
      + "&body=" + encodeURIComponent($('.loc').data('loc')) + '\xa0\xa0' + encodeURIComponent($('.rp-code').data('rp-code')) + '\xa0\xa0' + encodeURIComponent($('.sku').data('sku')) + '\xa0\xa0' + encodeURIComponent($('.special-id').data('special-id')) + '\xa0\xa0' + encodeURIComponent($('.description').data('description')) + '\xa0\xa0' + encodeURIComponent($('.quantity').data('quantity')) + '\xa0\xa0' + encodeURIComponent($('.unit').data('unit')) + '\xa0\xa0' + encodeURIComponent($('.quantity_num').data('quantity_num')); 

    window.location.href = link; 
}

來源

2017-06-05 Rataiczak24

雖然這是terrbile想法通過JS發送電子郵件這樣的，你可以試試：

function sendMail(){ 
    var link = "mailto:[email protected]" 
    + "?subject=" + encodeURIComponent("Order") 
    + "&body="; 

    var body = ''; 

    $('table tr input[name="check"]:checked').each(function(){ 
    var current_tr = $(this).parent().parent(); 

    var loc = current_tr.find('.loc').data('loc'); 
    body += encodeURIComponent(loc) + '\xa0\xa0'; 

    var loc =current_tr.find('.rp-code').data('rp-code'); 
    body += encodeURIComponent(loc) + '\xa0\xa0'; 

    }); 

    body += '"'; 
    link += body; 
    console.log(link); 
}

您需要遍歷每個包含複選框的TR，並檢查它是否爲:checked。然後添加你需要的數據到你的body var。

來源

2017-06-05 15:42:31

這很好用！現在唯一的問題是，我正在使用'％0D％0A'在每行數據之後有一個換行符。但是，我不想在第一個輸入之前有一個換行符。我可以使它適用於除第一行之外的所有數據行，因此這些行不是空行來開始郵件嗎？ – Rataiczak24

只需在'}）之前加'body + ='％0D％0A';' –

Wonderrful，謝謝！ – Rataiczak24

要調用像rows[0][0][rp-code]外面的PHP標籤的數組元素。您可以通過將所有嵌套在PHP標籤中並通過回顯每個表格元素來更容易地創建表格。像這樣：

echo <tr>; 
echo <td name="rows[0][0][rp-code]">Some Text</td>; 
echo </tr>;

你也可以做內部的javascript的一切，但是這取決於你的喜好

來源

2017-06-05 15:27:13

將檢查的表格行添加到電子郵件正文

回答

相關問題