Помогите со скриптом миникалькулятора
Добрый день! Очень нужна помощь! Я в JS ноль... Помогите, пожалуйста, в написании скрипта для формы :cray: Мне кажется, что тут ничего сложного.. Но очень нужно(
В span.result должен автоматически выбиваться ответ, по умолчанию там "а". Задача такая: если выбрано value="v1" и value="yes" - ответ "b", если же value="v1" и value="no" - ответ "а" если выбрано value="v2" и value="yes" - ответ "d", если же value="v2" и value="no" - ответ "c" если выбрано value="v3" и value="yes" - ответ "f", если же value="v3" и value="yes" - ответ "e" Вот форма: <form class="search" action="" method=""> <select name="number"> <option>Number</option> <option value="v1">1</option> <option value="v2">2</option> <option value="v3">3</option> </select> <select name="tools" class="tools"> <option>Tool</option> <option value="yes">yes</option> <option value="no">no</option> </select> <div class="answer"> <span class="result">a</span> </div> </form> М.б. это возможно написать на jQuery? Заранее спасибо за уделенное время! P.S. Я первый раз у вас на форуме и не знаю, в ту ли тему я обратилась) и не судите строго) |
вот для первого условия http://codepen.io/animhotep/pen/pqGls
остальные по аналогии |
Спасибо большое! Работает!!! А еще не подскажете с чем может быть связано то, что в Firefox многократный выбор не работает, т.е. после одного результата при выборе других параметров уже не считает, а в остальных браузерах все ок.
|
Цитата:
|
упс :)
<form class="search" action="" method=""> <select name="number" id="number" onchange="calc()"> <option>Number</option> <option value="v1">1</option> <option value="v2">2</option> <option value="v3">3</option> </select> <select name="tools" class="tools" id="tools" onchange="calc()"> <option>Tool</option> <option value="yes">yes</option> <option value="no">no</option> </select> <div class="answer"> <span class="number">your number</span><span class="result" id="result">a</span> </div> </form> span.number и span.result здесь display: block. function calc() { var number=document.getElementById('number').value, tools=document.getElementById('tools').value, result=document.getElementById('result'); if (number=="v1" & tools=="yes"){ result.innerHTML="b"; } if (number=="v1" & tools=="no"){ result.innerHTML="$a"; } if (number=="v2" & tools=="yes"){ result.innerHTML="d"; } if (number=="v2" & tools=="no"){ result.innerHTML="c"; } if (number=="v3" & tools=="yes"){ result.innerHTML="f"; } if (number=="v3" & tools=="no"){ result.innerHTML="e"; } } |
вроде всё работает FF 25.0
|
возможно у меня что-то с ff 19.0.1... спасибо за уделенное время!!!!!
|
|
Часовой пояс GMT +3, время: 20:10. |