Как реализовать данный скрипт
6440
2
Lizavetka88
member
День добрый. Подскажите пожалуйста, уже второй день не могу решить проблему. Суть вот в чем ,есть тест задача его вот в чем. Пользователь отвечает на вопрос, жмет кнопку далее и так до окончания теста. После чего, его перебрасывает на другую страницу сайта, а ответ приходят мне на почту. Уже по-разному пыталась, результата ноль. Как это прописать в скрипте.? Сам код
И сам скрипт обработки
<div id="panel">
<div class="question show" id="question-1" style="display: block;">
<div class="q-num">Вопрос 1 из 8</div>
<div class="item-title item-1-title">Что строим?</div>
<label><input name="sport" type="checkbox">Дом</label><br>
<label><input name="sport" type="checkbox">Баню</label><br>
<label><input name="sport" type="checkbox">Малые строения,беседки</label><br>
<p><input class="send" type="submit" value=Далее></p>
</div>
<div class="question hidden" id="question-2" style="display: block;">
<div class="q-num">Вопрос 2 из 8</div>
<div class="item-title item-2-title">Укажите площадь</div>
<label><input name="sport" type="text">m2</label><br>
<p><input class="send" type="submit" value="Далее"></p>
</div>
<div class="question hidden" id="question-3" style="display: block;">
<div class="q-num">Вопрос 3 из 8</div>
<div class="item-title item-3-title">Этажность</div>
<label><input type="checkbox">1 этаж</label><br>
<label><input type="checkbox">1 этаж+мансарда</label><br>
<label><input type="checkbox">2 этаж</label><br>
<label><input type="checkbox">2 этаж+мансарда</label><br>
<label><input type="checkbox">3 этаж</label><br>
<label><input type="checkbox">3 этаж+мансарда</label><br>
<p><input class="send" type="submit" value="Далее"></p>
</div>
<div class="question hidden" id="question-4" style="display: block;">
<div class="q-num">Вопрос 4 из 8</div>
<div class="item-title item-4-title" style="display: block;">Материал</div>
<div class="brus">
<label>
<img src="bruss.png" style="margin-left: 70px;">
<br><input type="checkbox">Брус
<br> Выберите необходимый размер
<br><input type="checkbox">100х100мм
<br> <input type="checkbox">150х150мм
<br> <input type="checkbox">200х200мм
<br> <input type="checkbox">200х250мм
</label>
</div>
<div class="item-title item-5-title" style="display: block;">
<div class="brevno">
<label>
<img src="brevnoo.png" style="margin-left: 70px;">
<br><input type="checkbox" name="Бревно">Бревно
<br>Выберите необходимый диаметр
<br><input type="checkbox">200мм
<br><input type="checkbox">300мм
<br><input type="checkbox">400мм
<br><input type="checkbox">Свыше 400мм
</label>
</div>
</div>
<p><input class="send" type="submit" value="Далее"></p>
</div>
<div class="question hidden" id="question-5" style="display: block;">
<div class="q-num">Вопрос 5 из 8</div>
<div class="item-title item-6-title">Комплектация</div>
<label><input type="checkbox">Сруб</label><br>
<label><input type="checkbox">Сруб+фундамент</label><br>
<label><input type="checkbox">Сруб+фундамент+кровля</label><br>
<p><input class="send" type="submit" value="Далее"></p>
</div>
<div class="question hidden" id="question-6" style="display: block;">
<div class="q-num">Вопрос 6 из 8</div>
<div class="item-title item-6-title">Где находится объект?</div>
<label><input type="checkbox">Новосибирск</label><br>
<label><input type="checkbox">10-50км</label><br>
<label><input type="checkbox">50-100км</label><br>
<label><input type="checkbox">100-500км</label><br>
<p><input class="send" type="submit" value="Далее"></p>
</div>
<div class="question hidden" id="question-7" style="display: block;">
<div class="q-num">Вопрос 7 из 8</div>
<div class="item-title item-7-title">Когда планируется строительство?</div>
<label><input type="checkbox">пока не планирую, интересует смета</label><br>
<label><input type="checkbox">В ближайший месяц</label><br>
<label><input type="checkbox">В ближайшеие полгода</label><br>
<label><input type="checkbox">В следующем году</label><br>
<p><input class="send" type="submit" value="Далее"></p>
</div>
<div class="question hidden" id="question-8" style="display: block;">
<div class="q-num">Вопрос 8 из 8</div>
<div class="item-title item-8-title">В какой бюджет при строительстве планируете уложиться?</div>
<label><input type="checkbox">до 1 000 000 рублей</label><br>
<label><input type="checkbox">от 1 000 000 до 2 000 000 рублей</label><br>
<label><input type="checkbox">от 3 000 000 до 4 000 000 рублей</label><br>
<label><input type="checkbox">от 4 000 000 до 8 000 000 рублей</label><br>
<p><input class="send" type="submit" value="Далее"></p>
</div>
</div>
И сам скрипт обработки
var answercount;
$("#flip").click(function() {
$("#panel").show("slow");
});
$(".send").click(function() {
answercount = $(this).closest(".question").attr("id").split('-')[1];
console.log(answercount);
$('#question-' + answercount).addClass('hidden');
answercount = answercount * 1 + 1;
console.log(answercount);
$('#question-' + answercount).toggleClass('hidden');
});