帶有條件的提交按鈕

Question

嗨，我正在尋找創建帶有電子郵件發送的表單

首先，我選擇了一個帶有“選擇”的聯系人

之后我可以將消息發送到與此“選擇”相關聯的郵件地址

選擇和選項時，提交將郵件發送到此郵件的選項中我有一個腳本，其中一個腳本獲取我的郵件（在SELECT中）和提交，它應該在選擇的ADRESSE中發送。

 <script> function myFunction() { document.getElementById("agence"); } </script> <Form action="mailto:youraddr@domain.tld" method="GET"> <label for="Name" class="fcf-label">Votre Agence</label> <select name="agence" id="agence-select"> <option value="">Sélection</option> <option id="agence" value="g.champagnat@verandasetpergolas.com">Maurepas 78</option> <option id="agence" value="d.quaziz@verandasetpergolasbl.com">Villebon-sur-Yvette 91</option> </select> <label for="Email" class="fcf-label">Message</label> <input type="email" id="Email" name="Email" class="fcf-form-control" required> <input type="submit" value="Envoyer"> </form>

Answer 1

您可以附加onchange事件，然后在您的更改方法中替換表單的action ：

 function myFunction(selectbox) { if(selectbox.value){ document.getElementById("myform").action = "mailto:" + selectbox.value; console.log('action form is:', document.getElementById("myform").action) } }

 <Form id="myform" action="mailto:youraddr@domain.tld" method="GET"> <label for="Name" class="fcf-label">Votre Agence</label> <select name="agence" onchange="myFunction(this)" id="agence-select"> <option value="">Sélection</option> <option value="g.champagnat@verandasetpergolas.com">Maurepas 78</option> <option value="d.quaziz@verandasetpergolasbl.com">Villebon-sur-Yvette 91</option> </select> <label for="Email" class="fcf-label">Message</label> <input type="email" id="Email" name="Email" class="fcf-form-control" required> <input type="submit" value="Envoyer"> </Form>