Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.11.2013, 12:29
Новичок на форуме
Отправить личное сообщение для Leyla Посмотреть профиль Найти все сообщения от Leyla
 
Регистрация: 15.11.2013
Сообщений: 7

Помогите со скриптом миникалькулятора
Добрый день! Очень нужна помощь! Я в 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. Я первый раз у вас на форуме и не знаю, в ту ли тему я обратилась) и не судите строго)
Ответить с цитированием
  #2 (permalink)  
Старый 15.11.2013, 13:01
Аватар для animhotep
Профессор
Отправить личное сообщение для animhotep Посмотреть профиль Найти все сообщения от animhotep
 
Регистрация: 17.01.2013
Сообщений: 887

вот для первого условия http://codepen.io/animhotep/pen/pqGls
остальные по аналогии
Ответить с цитированием
  #3 (permalink)  
Старый 15.11.2013, 14:03
Новичок на форуме
Отправить личное сообщение для Leyla Посмотреть профиль Найти все сообщения от Leyla
 
Регистрация: 15.11.2013
Сообщений: 7

Спасибо большое! Работает!!! А еще не подскажете с чем может быть связано то, что в Firefox многократный выбор не работает, т.е. после одного результата при выборе других параметров уже не считает, а в остальных браузерах все ок.
Ответить с цитированием
  #4 (permalink)  
Старый 15.11.2013, 14:18
Аватар для animhotep
Профессор
Отправить личное сообщение для animhotep Посмотреть профиль Найти все сообщения от animhotep
 
Регистрация: 17.01.2013
Сообщений: 887

Сообщение от Leyla
чем может быть связано
наверное c кодом, которого вы не показали)
Ответить с цитированием
  #5 (permalink)  
Старый 15.11.2013, 14:55
Новичок на форуме
Отправить личное сообщение для Leyla Посмотреть профиль Найти все сообщения от Leyla
 
Регистрация: 15.11.2013
Сообщений: 7

упс
<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";
}
}
Ответить с цитированием
  #6 (permalink)  
Старый 15.11.2013, 15:01
Аватар для animhotep
Профессор
Отправить личное сообщение для animhotep Посмотреть профиль Найти все сообщения от animhotep
 
Регистрация: 17.01.2013
Сообщений: 887

вроде всё работает FF 25.0
Ответить с цитированием
  #7 (permalink)  
Старый 15.11.2013, 15:09
Новичок на форуме
Отправить личное сообщение для Leyla Посмотреть профиль Найти все сообщения от Leyla
 
Регистрация: 15.11.2013
Сообщений: 7

возможно у меня что-то с ff 19.0.1... спасибо за уделенное время!!!!!
Ответить с цитированием
  #8 (permalink)  
Старый 15.11.2013, 19:19
Аватар для ANAGAMA
Аспирант
Отправить личное сообщение для ANAGAMA Посмотреть профиль Найти все сообщения от ANAGAMA
 
Регистрация: 29.05.2013
Сообщений: 49

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

http://dixisolution.ru/?an=DixiCalc
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
ПОМОГИТЕ СО СКРИПТОМ Corey Оффтопик 10 16.04.2013 21:11
Помогите со скриптом wild Элементы интерфейса 10 07.12.2012 09:41
помогите с скриптом $12ANDRE12$ Firefox/Mozilla 2 12.05.2009 21:46
Помогите со скриптом Pilageen Общие вопросы Javascript 5 13.04.2009 14:13
Помогите со скриптом. Harper Общие вопросы Javascript 13 22.03.2009 21:22