HTML：通過默認電子郵件客戶端選擇性地發送電子郵件

基本上我想在我的網頁上發送電子郵件，而無需使用HTML之外的任何東西，通過使用計算機的默認電子郵件客戶端。

到目前爲止，一切正常。

當信息填寫，「發送消息」按鈕，將撰寫電子郵件的計算機的默認電子郵件客戶端用戶。

但是我有我想要使用多個電子郵件地址。我的代碼允許我發送電子郵件到所有電子郵件，但是我想允許用戶選擇發送電子郵件而不使用任何類似php或asp的郵件。我想保持這個「儘可能簡單」。

人對如何使我的代碼選擇工作的任何想法？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 

<head> 
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> 
    <title>EMAIL</title> 
</head> 

<body> 
    <form method="post" action="mailto:[email protected]; [email protected]" enctype="text/plain"> 
     <select name="carlist" form="carform"> 
      <option value="[email protected]">person1</option> 
      <option value="[email protected]">person2</option> 
     </select> 

     <div> 
      <div> 
       <input name="name" placeholder="Name" type="text" class="text" /> 
      </div> 
      <div> 
       <input name="email" placeholder="Email" type="text" class="text" /> 
      </div> 
     </div> 
     <div class="row half"> 
      <div> 
       <textarea name="message" placeholder="Message"></textarea> 
      </div> 
     </div> 
     <div> 
      <div "> 
               <ul class="actions "> 
                <li><input type="submit " class="button " value= "Send Message "></li> 
                <li><input type="reset " class="button " value= "Clear Forum "></li> 
               </ul> 
              </div> 
             </div> 
            </form> 

    </body> 

    </html>

來源

2014-04-18 New File

可能是我們可以使用JavaScript？ – Hariprasad

是的。但我已經有一些jQuery和JavaScript寫在我的實際頁面的頭部分（不是上面的示例代碼）。我怎樣才能將它添加到身體而不會引起衝突？ –

在回答你關於增加更多的jQuery或JavaScript評論：是的，你可以根據你小心，不要覆蓋全局變量，等等。這就是我推薦包括更多，這麼久。您有：

<form method="post" action="mailto:[email protected]; [email protected]" enctype="text/plain"> 
    <select name="carlist" form="carform"> 
     <option value="[email protected]">person1</option> 
     <option value="[email protected]">person2</option> 
    </select>

我會改變<select>有一個屬性，onChange - 這個屬性會觸發一些動作時的下拉列表的值更改 - 我們會給一個JavaScript像這樣的動作：

<select name="carlist" form="carform" onChange="updateForm();" id="carlist">

我已經給它一個id，使其更容易在JavaScript的選擇。我們會做同樣的你的<form>標籤瀏覽：

<form method="post" action="etc" enctype="text/plain" id="mainForm">

然後，就在您的<form>標籤上面，我把下面的<script>標籤：

<script type="text/javascript> 
function updateForm(){ 
    var email=document.getElementById("carlist").value; 
    document.getElementById("mainForm").action="mailto:"+email; 
} 
</script>

然後，任何時候下拉變化，javascript會自動更新<form action以具有值mailto: value of the dropdown。

在結束時，開始走出塊：

<form method="post" action="mailto:[email protected]; [email protected]" enctype="text/plain"> 
    <select name="carlist" form="carform"> 
     <option value="[email protected]">person1</option> 
     <option value="[email protected]">person2</option> 
    </select>

將結束：

<script type="text/javascript> 
function updateForm(){ 
    var email=document.getElementById("carlist").value; 
    document.getElementById("mainForm").action="mailto:"+email; 
} 
</script> 
<form method="post" action="mailto:[email protected]; [email protected]" enctype="text/plain" id="mainForm"> 
    <select name="carlist" form="carform" onChange="updateForm();" id="carlist"> 
     <option value="[email protected]">person1</option> 
     <option value="[email protected]">person2</option> 
    </select>

來源

2014-04-18 05:38:31 Helpful

對不起，我可以用上面的代碼給我寫一個html頁面樣本嗎？我試圖像你說的那樣在javascript函數中添加，但它對我來說並不適用：S –

我正在編輯我的帖子，它應該在一分鐘內顯示出來。如果它仍然不起作用，請描述行爲，以便我們可以更好地診斷問題。謝謝！ :) – Helpful

它現在的作品非常感謝。我意識到

相關問題