HTML: выборочная отправка электронной почты через почтовый клиент по умолчанию

0

Ниже приведен образец моего кода.

В основном я пытаюсь отправить электронную почту на свою веб-страницу, не используя ничего, кроме 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>
  • 0
    Может быть, мы можем использовать JavaScript?
  • 0
    да. но у меня уже есть некоторые jquery и javascript, написанные в разделе заголовка моей реальной страницы (не пример кода выше). Как я могу добавить его снова в теле, не вызывая конфликта?
Теги:
select
email
forum
send

1 ответ

0
Лучший ответ

В ответ на ваш комментарий о добавлении большего количества 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>
Поделиться
  • 0
    извините за глупость, но вы можете написать мне пример HTML-страницы с кодом выше? я попытался добавить в функцию javascript, как вы сказали, но у меня не получилось: S
  • 0
    Я редактирую свой пост сейчас, он должен появиться через минуту. Если это все еще не работает, пожалуйста, опишите поведение, чтобы мы могли лучше диагностировать проблему. Спасибо! :)
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню