Вывод стоимости
Доброе утро, уважаемые форумчани.
Прошу помочь с реконструкцией калькулятора. Нужно чтобы подсчет не происходил, а выдавалась уже сразу готовая сумма в output с id summa(5-3), при выборе определенного срока, формата листа и региона. Я так понимаю - это будет что-то вроде: zona1: [11, 22, 33], [44, 55, 66], [77, 88, 99], (где 11-33 это цены на А5, а с 44-66 - это уже А4 и т.д.) zona2 [..] Проблема в том, что я только начал изучать JS и не понимаю куда и что вписать (боюсь нарушить вывод других значений, т.е. скидки и т.д.) :( Заранее, огромнейшее Вам спасибо, добрые люди:help: Калькулятор визуально: Ссылка Кусок кода: <script type="text/javascript"> function Calc5() { var discount=+document.getElementById('srok5').value.split('__')[0] var sfive=+document.getElementById('srok5').value.split('__')[1] var mfive=+document.getElementById('mesto5').value document.getElementById('summ5').value=Math.floor((1-discount/100)*sfive*mfive*8)+' руб.' document.getElementById('dis5').value=discount+'%' document.getElementById('stend').value=mfive+' шт.' } function Calc4() { var discount=+document.getElementById('srok4').value.split('__')[0] var sfive=+document.getElementById('srok4').value.split('__')[1] var mfive=+document.getElementById('mesto4').value document.getElementById('summ4').value=Math.floor((1-discount/100)*sfive*mfive*11)+' руб.' document.getElementById('dis4').value=discount+'%' document.getElementById('stend').value=mfive+' шт.' } function Calc3() { var discount=+document.getElementById('srok3').value.split('__')[0] var sfive=+document.getElementById('srok3').value.split('__')[1] var mfive=+document.getElementById('mesto3').value document.getElementById('summ3').value=Math.floor((1-discount/100)*sfive*mfive*18)+' руб.' document.getElementById('dis3').value=discount+'%' document.getElementById('stend').value=mfive+' шт.' } </script> <article class="col1"> <div class="tabs"> <ul class="nav"> <li class="selected a5"><a href="#a5">Лист <b>А5</b></a></li> <li class="a4"><a href="#a4">Лист <b>А4</b></a></li> <li class="end a3"><a href="#a3">Лист <b>А3</b></a></li> </ul> <div class="content"> <div class="tab-content" id="a5"> <form id="form_1" method="post"> <div> <div class="radio"></div> <div class="row_select1"> <span class="left"><b>Срок:</b></span> <select id="srok5" onchange='Calc5()'> <option value="0__14">2 Недели <option value="20__30">Месяц <option value="25__90">3 Месяца </select> </div> <div class="row_select2"> <span class="left"><b>Район:</b></span> <select id="mesto5" onchange='Calc5()'> <option value="98">Район #1</option> <option value="130">Район #2</option> <option value="62">Район #3</option> <option value="63">Район #4</option> <option value="62">Район #5</option> <option value="415">Все районы</option> </select> </div> <div class="row"> <span class="left"><b>Стендов:</b></span> <output id="stend">98 шт.</output> </div> <div class="row"> <span class="left"><b>Расчет:</b></span> <span>8 р.\день</span> </div> <div class="row"> <span class="left"><b>Скидка:</b></span> <output id="dis5">0%</output> </div> <div class="row"> <span class="left"><b>Цена:</b></span> <output id="summ5">9744 руб.</output> </div> <div class="wrapper"> <span class="right relative"> <a href="#" class="button1" onClick="document.getElementById('form_2').submit()"><strong>Купить!</strong></a></span> <a href="#" class="link1">Большое окно</a> </div> </div> </form> </div> <div class="tab-content" id="a4"> <form id="form_1" method="post"> <div> <div class="radio"></div> <div class="row_select1"> <span class="left"><b>Срок:</b></span> <select id="srok4" onchange='Calc4()'> <option value="0__14">2 Недели <option value="20__30">Месяц <option value="25__90">3 Месяца </select> </div> <div class="row_select2"> <span class="left"><b>Район:</b></span> <select id="mesto4" onchange='Calc4()'> <option value="98">Район #1</option> <option value="130">Район #2</option> <option value="62">Район #3</option> <option value="63">Район #4</option> <option value="62">Район #5</option> <option value="415">Все районы</option> </select> </div> <div class="row"> <span class="left"><b>Стендов:</b></span> <output id="stend">98 шт.</output> </div> <div class="row"> <span class="left"><b>Расчет:</b></span> <span>11 р.\день</span> </div> <div class="row"> <span class="left"><b>Скидка:</b></span> <output id="dis4">0%</output> </div> <div class="row"> <span class="left"><b>Цена:</b></span> <output id="summ4">13398 руб.</output> </div> <div class="wrapper"> <span class="right relative"> <a href="#" class="button1" onClick="document.getElementById('form_2').submit()"><strong>Купить!</strong></a></span> <a href="#" class="link1">Большое окно</a> </div> </div> </form> </div> <div class="tab-content" id="a3"> <form id="form_1" method="post"> <div> <div class="radio"></div> <div class="row_select1"> <span class="left"><b>Срок:</b></span> <select id="srok3" onchange='Calc3()'> <option value="0__14">2 Недели <option value="20__30">Месяц <option value="25__90">3 Месяца </select> </div> <div class="row_select2"> <span class="left"><b>Район:</b></span> <select id="mesto3" onchange='Calc3()'> <option value="98">Район #1</option> <option value="130">Район #2</option> <option value="62">Район #3</option> <option value="63">Район #4</option> <option value="62">Район #5</option> <option value="415">Все районы</option> </select> </div> <div class="row"> <span class="left"><b>Стендов:</b></span> <output id="stend">98 шт.</output> </div> <div class="row"> <span class="left"><b>Расчет:</b></span> <span>18 р.\день</span> </div> <div class="row"> <span class="left"><b>Скидка:</b></span> <output id="dis3">0%</output> </div> <div class="row"> <span class="left"><b>Цена:</b></span> <output id="summ3">21924 руб.</output> </div> <div class="wrapper"> <span class="right relative"> <a href="#" class="button1" onClick="document.getElementById('form_2').submit()"><strong>Купить!</strong></a></span> <a href="#" class="link1">Большое окно</a> </div> </div> </form> </div> </div> </div> </article> |
Решено с помощью массива. Тему можно закрывать\удалять.
|
Часовой пояс GMT +3, время: 10:18. |