Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Помогите со скриптом миникалькулятора (https://javascript.ru/forum/misc/42951-pomogite-so-skriptom-minikalkulyatora.html)

Leyla 15.11.2013 12:29

Помогите со скриптом миникалькулятора
 
Добрый день! Очень нужна помощь! Я в 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. Я первый раз у вас на форуме и не знаю, в ту ли тему я обратилась) и не судите строго)

animhotep 15.11.2013 13:01

вот для первого условия http://codepen.io/animhotep/pen/pqGls
остальные по аналогии

Leyla 15.11.2013 14:03

Спасибо большое! Работает!!! А еще не подскажете с чем может быть связано то, что в Firefox многократный выбор не работает, т.е. после одного результата при выборе других параметров уже не считает, а в остальных браузерах все ок.

animhotep 15.11.2013 14:18

Цитата:

Сообщение от Leyla
чем может быть связано

наверное c кодом, которого вы не показали)

Leyla 15.11.2013 14:55

упс :)
<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";
}
}

animhotep 15.11.2013 15:01

вроде всё работает FF 25.0

Leyla 15.11.2013 15:09

возможно у меня что-то с ff 19.0.1... спасибо за уделенное время!!!!!

ANAGAMA 15.11.2013 19:19

Простое решение поставить калькулятор на сайт

http://dixisolution.ru/?an=DixiCalc


Часовой пояс GMT +3, время: 20:10.