下拉菜單更改表單中的電子郵件

Question

 <FORM METHOD="POST" ACTION="mailto:mariamcsorley@hotmail.com"> <p> Name: <INPUT TYPE="text" NAME= "name" SIZE="30"> </p> <p> Email: <INPUT TYPE="text" NAME= "email" SIZE="30"> </p> <p> Phone: <INPUT TYPE="text" NAME= "telephone" SIZE="30"> </p> <p> Practice: <SELECT NAME= "practice" SIZE="1"> <OPTION SELECTED>*Select Practice* <OPTION>Dungannon <OPTION>Cookstown <OPTION>Coalisland <OPTION>Portnaglone <OPTION>Aughnacloy </SELECT> </p> <p> Species: <SELECT NAME= "species" SIZE="1"> <OPTION SELECTED>*Select Species* <OPTION>Small Animal <OPTION>Equine <OPTION>Farm <OPTION>Pig <OPTION>Poultry </SELECT> </p> <p> Preferred Date: <SELECT NAME= "day" SIZE="1"> <OPTION SELECTED>*Day* <OPTION>01 <OPTION>02 <OPTION>03 <OPTION>04 <OPTION>05 <OPTION>06 <OPTION>07 <OPTION>08 <OPTION>09 <OPTION>10 <OPTION>11 <OPTION>12 <OPTION>13 <OPTION>14 <OPTION>15 <OPTION>16 <OPTION>17 <OPTION>18 <OPTION>19 <OPTION>20 <OPTION>21 <OPTION>22 <OPTION>23 <OPTION>24 <OPTION>25 <OPTION>26 <OPTION>27 <OPTION>28 <OPTION>29 <OPTION>30 <OPTION>31 </SELECT> <SELECT NAME="month" SIZE="1"> <OPTION SELECTED>*Month* <OPTION>Jan <OPTION>Feb <OPTION>Mar <OPTION>Apr <OPTION>May <OPTION>Jun <OPTION>Jul <OPTION>Aug <OPTION>Sep <OPTION>Oct <OPTION>Nov <OPTION>Dec </SELECT> <SELECT NAME="year" SIZE="1"> <OPTION SELECTED>*Year* <OPTION>2016 <OPTION>2017 <OPTION>2018 <OPTION>2019 <OPTION>2020 <OPTION>2021 <OPTION>2022 <OPTION>2023 <OPTION>2024 <OPTION>2025 <OPTION>2026 <OPTION>2027 </SELECT> </p> <p> Preferred Time: <SELECT NAME="hour" SIZE="1"> <OPTION SELECTED>*Hour* <OPTION>08 <OPTION>09 <OPTION>10 <OPTION>11 <OPTION>12 <OPTION>13 <OPTION>14 <OPTION>15 <OPTION>16 <OPTION>17 <OPTION>18 <OPTION>19 <OPTION>20 </SELECT> <SELECT NAME="minute" SIZE="1"> <OPTION SELECTED>*Minute* <OPTION>00 <OPTION>15 <OPTION>30 <OPTION>45 </SELECT> </p> <p> Details: <TEXTAREA NAME="details" ROWS=6 COLS=40> </TEXTAREA> </p> <INPUT TYPE="submit"> </form> 

嗨，您好，有什么辦法可以使用php或函數來隨着實踐的改變而更改電子郵件。 例如，從練習下拉菜單中選擇Dungannon時，會通過電子郵件發送dungannon@dungannon.com，而選擇Coalisland時會將其通過電子郵件發送至Coalisland@coalisland.com？

我對此一無所知，因此一直試圖找出解決辦法並使用Google搜索解決方案，但是我似乎無能為力-非常感謝您的任何幫助...謝謝！

Answer 1

更改您的HTML代碼

<INPUT TYPE="text" id="email" NAME= "email" SIZE="30"> <br>

和

 Practice: <SELECT NAME= "practice" SIZE="1"onChange="getData(this);">
      <OPTION SELECTED>*Select Practice*
      <OPTION>Dungannon
      <OPTION>Cookstown
      <OPTION>Coalisland
      <OPTION>Portnaglone
      <OPTION>Aughnacloy
</SELECT> 

Javascirpt代碼

function getData(title)
{
     var selectedText = title.options[title.selectedIndex].text
     var emailValue="";
     if(selectedText=="Dungannon")
     {
         emailValue = "dungannon@dungannon.co.uk";
     }
     else if(selectedText=="Cookstown"){
         emailValue= "cookstown@cookstown.co.uk";
     }
     document.getElementById("email").value = emailValue;
 }

這是工作碼本

Answer 2

要在表單元素中設置電子郵件地址，請修改html以包括如下所示的onchange事件處理程序，然后在下方添加javascript。

<p> practice: <select name="practice" onchange='setemail(this.value)'>
    <option selected hidden='true'>*select practice*
    <option value='dungannon'>dungannon
    <option value='cookstown'>cookstown
    <option value='coalisland'>coalisland
    <option value='portnaglone'>portnaglone
    <option value='aughnacloy'>aughnacloy
</select> </p>

<script>
    function setemail(value){
        /* to change form action */
        document.querySelectorAll('form[name="frmhot"]')[0].setAttribute('action','mailto:'+value+'@'+value+'.co.uk' );
        /* to set value of text field called `email` */
        document.querySelectorAll('form[name="frmhot"] input[type="text"][name="email"]')[0].value=value+'@'+value+'.com';
    }
</script>

我注意到表單方法已更改為您的電子郵件地址-我不是100％確定這會按您的預期工作，但是如果您希望更改表單操作而不是/或更改電子郵件的值，表單中的字段，則需要對javascript函數進行一些修改。

將表單操作設置為mailto很可能會在客戶端計算機上調用郵件客戶端（不確定其在移動設備上的工作方式）-是預期的操作方法還是應該直接發送電子郵件？

---

從@OP：

它是針對應用程序的，因此我需要一頁代碼來執行此操作，因此如果要執行功能，則必須將標簽放入其中。 我一無所知，但是當您單擊提交時，我希望它能夠更改為通過電子郵件發送給我。