Помогите отослать данные из div на почту

Тема в разделе "JavaScript", создана пользователем AnOcToJI, 22 сен 2017.

  1. AnOcToJI

    AnOcToJI

    Регистрация:
    28 дек 2012
    Сообщения:
    309
    Симпатии:
    188
    Все доброго времени суток.
    Собственно, есть частично форма(инпуты), частично калькулятор(дивы,спаны), там где форма соответственно проблем нету отправить на почту, а вот как div отослать, не могу дотумкать,знаю что через JS есть возможность такое реализовать, видел в интернете некоторые решения, но под своё сделать так и не хватило мозга

    Может кто подскажет решение?

    Код:
    <form enctype="multipart/form-data" method="post" id="feedback-form">
    <input type="text" required placeholder="Ваше Имя" x-autocompletetype="name" class="w100 border">
    <input type="phone" name="contactFF" id="contactFF" required placeholder="Ваш телефон" x-autocompletetype="email" class="w100 border">
    
    
                <div>
                    <div>
                        <div class="calac-input gram-b">
                            <div><label>Вес изделия</label> <input class="gram" type="number"></div>
                        </div>
                        <div class="calac-input">
                            <div><label>Проба</label> <select class="proba" name="proba">
                                <option value="1613">585</option>
                                <option value="2068">750</option>
                                <option value="2755">999</option>
                            </select></div>
                        </div>
                        <div class="calac-input">
                            <div><label>Срок займа</label>
                           <select class="srok" name="srok">
                                <option value="10">10 дней</option>
                                <option value="20">20 дней</option>
                                <option value="30">30 дней</option>
                                <option value="40">40 дней</option>
                                <option value="50">50 дней</option>
                                <option value="60">60 дней</option>
                            </select></div>
                        </div>
                    </div>
             
                    <div>
                        <div class="calc-output">
                            <div><label>Сумма к получению</label>
                               <div><span class="calc-sum">0</span> руб.</div>
                            </div>
                        </div>
                        <div class="calc-output">
                            <div><label>Ежедневный платеж</label>
                                <div><span class="calc-plateg">0</span> руб.</div>
                            </div>
                        </div>
                        <div class="calc-output">
                            <div><label>Платеж за весь срок займа</label>
                                <div><span class="calc-plateg-all">0</span> руб.</div>
                            </div>
                        </div>
                    </div>
               
           
        </div>             
    <br>
    <label><input  type="radio"  required >     Нажимая кнопку отправить Вы подтверждаете свое согласие на обработку и хранение своих персональных данных в соответствии написанным <a target="_blank" href="soglashenie-na-obrabotku-i-xranenie-personalnyx-dannyx">тут</a> текстом</label>
    <input value="Отправить" type="submit" id="submitFF">
    </form>
    
     
  2. spy

    spy

    Регистрация:
    15 янв 2013
    Сообщения:
    468
    Симпатии:
    137
    Самое быстрое на jquery.
    Тебе еще нужна отправка мэйлов, скрипт php))
    Отличный пример Вот.
    расписано по строках, все понятно и наглядно.
    Под свои класы и ид-ки подправиш))
     
    AnOcToJI нравится это.
  3. AnOcToJI

    AnOcToJI

    Регистрация:
    28 дек 2012
    Сообщения:
    309
    Симпатии:
    188
    На счёт отправки и скриптов php проблем нету))) тут вопрос только с отправкой не инпутов, а сторонних от формы элементов
    то что вы привели, обычная же форма со стандартными полями, каким образом она мне поможет отправить к примеру такое поле?

    <div><span class="calc-sum">0</span> руб.</div>
     
  4. spy

    spy

    Регистрация:
    15 янв 2013
    Сообщения:
    468
    Симпатии:
    137
    ну a что сложного, если 90% кода уже есть?
    к примеру строка form.find('input, textarea').each( function(){ // прoбeжим пo кaждoму пoлю в фoрмe
    изменится так
    Код:
    form.find('input, textarea, #sum').each( function(){ 
    ну и код калькулятора поправляеш
    <span id="sum" class="calc-sum">0</span>
    --- Добавлено, 23 сен 2017 ---
    Ну аналогично для селектов, только ж активные выбирай.
    Можно сделать и хиденами импутов, но это как-то не кошерно, чтоли:Biggrin:
     
  5. AnOcToJI

    AnOcToJI

    Регистрация:
    28 дек 2012
    Сообщения:
    309
    Симпатии:
    188
    Спасибо за наводку, разобрался, надо было по колдовать с data:data

    ну это так для теста к переменной имя прилепливаем нашу сумму)) это мало ли кому пригодится
    data: data + '&name=' + $('#sum').html(),
     
    Последнее редактирование: 23 сен 2017