Помогите со скриптом миникалькулятора

[Leyla]

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

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

[Leyla]

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

[animhotep]

чем может быть связано

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

[Leyla]

упс
<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]

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

[Leyla]

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

[ANAGAMA]

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

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