用多個地址填充電子郵件

Question

我有一個根據數據庫中的信息填充的HTML表，並且希望在該表的底部具有一個按鈕，單擊該按鈕可打開電子郵件客戶端（例如HTML mailto :），並在其中具有多個地址。 TO：字段，該字段基於表中的某些單元格。

我有按鈕的HTML。

<input type="button" id="emailAll" value="Email All">

然后，我從這段小代碼開始，單擊按鈕時收集電子郵件地址：

$("emailAll").click(function($){
  var emailCell = 4;
  var length = document.getElementById("orgTable").rows.length;
  var emailArray = [];
  for (i = 0; i < length; i++) {
   emailArray.push(document.getElementById("orgTable").rows[i].cells[emailCell].value);
  }
});

但是，我不確定從這兒去哪里。 我已經知道在mailto：中有多個電子郵件地址是不正確的形式（？），所以我不確定我應該從這里去哪里？ 另外，我什至不確定目前使用的代碼是否能正常工作（例如，我很確定“ emailAll”部分有誤？），因此，任何糾正都將不勝感激！ =]

另外，對不起，如果以前曾問過這個問題。

謝謝！

編輯所以這里有更多詳細信息，因為不幸的是，我現在沒有答案。

這是在wordpress網站上使用的，需要從帖子內部調用代碼。 當我嘗試使用已有的代碼時，會將一堆HTML標記添加到源中，例如</p>等。這使我相信，即使在WordPress編輯器的非可視模式下，格式化仍在應用。 我將如何解決？

另外請考慮我不能將腳本放入HTML的中。

編輯2

好的，這是表格的代碼。 我在Formidable Pro（Wordpress表單插件）中使用它，因此[number]對應於一個字段。

<div class = "fullWidth">
    <table id = "orgTbl">
    <thead id = "orgheader">
        <tr>
            <th class="orgheadercell" colspan = "5">[get-team]</th> 
        </tr>
        <tr>
            <th> ... </th> 
            <th> ... </th> 
            <th> ... </th> 
            <th> ... </th> 
            <th> Email Address </th> 
        </tr>
    </thead>
    <tbody id="orgbody">
        <tr class = "orgbodyrow">
           <td class="orgbodycell">[249]</td>
           <td class="orgbodycell">[250]</td>
           <td class="orgbodycell">[322]</td>
           <td class="orgbodycell">[336]</td>
           <td class="orgbodycell">[264]</td>
        </tr>
    </tbody>
        <tr>
        <td class="orgheadercell" colspan = "5">
            <form id="getEmails" action="" method="GET">
                <input type="submit" id = "emailAll" value="Email All" />
            </form>
            <script src = "/wp-includes/js/create-email.js" type="text/javascript">
            </script>
        </td> 
        </tr>
     </table>
</div>

因此，您正在查看的是一個正在進行中的工作，在准備好進行之前，仍需要對其進行一些清理。 但是無論如何，正如我所說的，[number]字段將替換為其中保存的實際值，並且<tbody>和</tbody>之間的內容對於數據庫中的每個條目都是重復的。

另外，我意識到我的腳本列出了“ orgTable”，但是我將其更改為正確的“ orgTbl”。 另外，由於我認為value會給我單元格中的價值，而且顯然是下拉菜單，因此將其更改為innerHTML 。 仍然沒有運氣。

Answer 1

將您的按鈕放入這樣的表單中：

 <form action="" method="GET">
        <input type="submit" value="Email All" />
    </form>

對於javascript，onload，請輸入以下內容：

$("emailAll").click(function($){
  var emailCell = 4;
  var length = document.getElementById("orgTable").rows.length;
  var emailArray = [];
  for (i = 0; i < length; i++) {
   emailArray.push(document.getElementById("orgTable").rows[i].cells[emailCell].value);
  }

  // once you got your array of email properly from your table, try this
   $('form').get(0).setAttribute('action', "mailto:"+emailArray.toString()); 

});

編輯 ：我忘記添加mailto：使動作像href屬性中的mailto鏈接一樣。