Send E-mail to multiple co-workers using JS

Question

I feel like I'm close but need a little help with finishing this task. I have a table set up with some information and E-mail addresses. I have added a button, that when pressed will open up my E-mail client and populate the To: block with everyone's E-mail address separated by a semicolon. Problem is, when I press the button, My E-mail client opens up and only includes the first E-mail address in the To: line. Here is what I have so far:

<tr style=text-align:center>
    <td>Electrical</td>
    <td>Mr. Jones</td>
    <td class="email"><a href="mailto:Jones@example.com">Jones@example.com</a></td>
    <td>Ms. Jackson</td>
    <td class="email"><a href="mailto:Jackson@example.com">Jackson@example.com</a></td>
    <td>Mr. Parker</td>
    <td class="email"><a href="mailto:Parker@example.com">Parker@example.com</a></td>

<button onclick="send()"style=background-color:red>Send E-mail to all Personnel</button>
    <script>
            function send() {
            let x = document.querySelectorAll("td.email");
            var i;
            for (i = 0; i < x.length; i++) {   
            window.location.href = "mailto:" + x[i].innerText;}}
    </script>

I have tried assigning a variable for the output of the 'for' loop, and including that variable in the window.location.href line, but nothing seems to work.

Does this answer your question? [Emailing to multiple recipients with html Mailto: not working](https://stackoverflow.com/questions/9278363/emailing-to-multiple-recipients-with-html-mailto-not-working) — starball, Sep 06 '22 at 00:37
Thanks for the response. I looked it over, and it looks like that deals more with manually inputting an Email address into the mailto: line. I'm trying to use variables to input the address vice doing it manually. — battletoad44, Sep 06 '22 at 01:33

score 0 · Accepted Answer · answered Sep 06 '22 at 01:42

In the first iteration of the loop, the window's location is changed, so javascript on the page stops executing. The rest of the loop iterations will not run. Each iteration is written to change to location to change the location separately.

You want to create a single email where the to field is to multiple addresses. I personally think this SO thread is sufficient for you to work out what to do, but I'll try to spell it out:

function send() {
  let x = Array.from(document.querySelectorAll("td.email"));
  window.location.href = "mailto:" + x.map(e => e.textContent).join(";")
}

Send E-mail to multiple co-workers using JS

1 Answers1