Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
Дмитрий Дмитрий
1 / 1 / 2
Регистрация: 17.09.2016
Сообщений: 388
1

Создать условие в зависимости от ввода в input и выбора select

17.03.2017, 15:25. Просмотров 230. Ответов 3
Метки нет (Все метки)

Помогите добить калькулятор)) на финишной прямой))
Есть:
input id="editbox1"-ширина;
input id="editbox2"-высота;
select id="combobox3";
select id="combobox33";

Сейчас расчет такой: в editbox1 вводим числа ширины, выбираем значение из combobox3 и combobox33 и все это дело рассчитывается по формуле rezult = (l * f + r).toFixed(2);
l-ширина;
f-combobox3;
r-combobox33;

Т.е. сейчас расчет производится по ширине, а есть параметры в combobox3 которые нужно рассчитывать по высоте т.е. нужна проверка по option в combobox3, например какой то якорь который будет прописан в option в combobox3 и если при выборе combobox3 появляется этот якорь то в переменную l подставляем высота из editbox2.
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    </head>
<body>
 
<input type="number" id="editbox1" name="indexEditbox1" value="0"><!--Ширина-->
<input type="number" id="editbox2" name="indexEditbox1" value="0"><!--Высота-->
<div id="wb_rezult">
<span><strong><em>Результат</em></strong></span></div><!--Результат-->
 
<select name="indexCombobox1" size="1" id="combobox3"><!--combobox3-->
<option value="2190, 2648">А</option>
<option value="2350, 2823">В</option>
<option value="2490, 2997">С</option>
<option value="1190, 1450">Р</option>
</select>
 
<select name="indexCombobox11" size="1" id="combobox33"><!--combobox33-->
<option value="0">1</option>
<option value="B">2</option>
<option value="950">3</option>
<option value="600">4</option>
<option value="2100">5</option>
</select>
</body>
</html>
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<script>
var sel_f, sel_r;
var intp_a, intp_b;
var a, b, l, f;
var rezult = 0;
var rezult_out = 0;
 
sel_f = document.querySelector('#combobox3');
sel_r = document.querySelector('#combobox33');
 
intp_a = document.getElementById('editbox1');//ширина
intp_b = document.getElementById('editbox2');//высота
rezult_out = document.getElementById('wb_rezult');//результат
 
a = parseFloat(intp_a.value);
b = parseFloat(intp_b.value);
 
sel_f.addEventListener("change", myFunc3);
sel_r.addEventListener("change", myFunc3);
intp_a.addEventListener("change", myFunc3); 
 
function printValues() {
    var out = rezult;
    rezult_out.innerHTML = out;
};
 
function myFunc3() {//функция расчета
 
    var values;
    var mass;
    var rr = 0; 
    var aa = a;
    var dd;
if('B' === sel_r.value) {dd = parseFloat(sel_f.value.split(', ')[1]);}
else {dd = parseFloat(sel_f.value.split(', ')[0]); rr = parseFloat(sel_r.value);}
 
          console.log(aa, dd, rr);
 
          mass = [aa, dd, rr];
 
          values = mass;
 
            l = values[0];//ширина
            f = values[1];//combobox3
            r = values[2];//combobox33
 
    rezult = (l * f + r).toFixed(2);
 
    printValues();
};
</script>
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
17.03.2017, 15:25
Ответы с готовыми решениями:

Выбор input в зависимости от выбора select
Есть: input id=&quot;editbox1&quot;-ширина; input id=&quot;editbox2&quot;-высота; select id=&quot;combobox3&quot;; select...

В зависимости от value select-a заполнить <input type=text>
Пожалуйста, помогите мне сделать так, что бы в зависимости от в зависимости от value выбранной...

Активация/блокировка input в зависимости от выбранного в select
Здравствуйте. Как сделать следующее: если в списке выбран вариант1 (opt1), тогда отобразить...

Добавление полей в зависимости от выбора <select>
http://www.avito.ru/astrahan В разделе поиска, при выборе необходимого раздела мгновенно...

В зависимости от выбранного значения select отображать input формы
Здравствуйте! Подскажите пожалуйста, как сделать так, чтобы input формы появлялся, только когда в...

3
Redzep
197 / 133 / 88
Регистрация: 21.12.2014
Сообщений: 369
17.03.2017, 15:54 2
Ничего не понятно, можете понятно поставить задачу? Что за A, B, С и т.д. Ширина и высота чего? Что этот калькулятор вычислять должен?
0
Дмитрий Дмитрий
1 / 1 / 2
Регистрация: 17.09.2016
Сообщений: 388
18.03.2017, 07:53  [ТС] 3
Это небольшая часть калькулятора, весь код выкладывать смысла нет, разбираться дольше придется. Выложил ту часть которую нужно доработать. Ширина и высота изделия, combobox3 стоимость комплектующих изделий, combobox33 сами изделия.

Добавлено через 4 минуты
Например С в combobox3 должна рассчитываться по высоте.

Добавлено через 15 часов 15 минут
Если добавить в combobox3 к определенным option, которые нужно рассчитывать по высоте, элемент name = "str" то как сделать условие и выбор name из select?

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    </head>
<body>
 
<input type="number" id="editbox1"  value="0"><!--Ширина-->
<input type="number" id="editbox2"  value="0"><!--Высота-->
<div id="wb_rezult">
<span><strong><em>Результат</em></strong></span></div><!--Результат-->
 
<select size="1" id="combobox3"><!--combobox3-->
<option name = "str" value="2190, 2648">А</option><!--расчет по высоте(editbox2)-->
<option name = "str" value="2350, 2823">В</option><!--расчет по высоте(editbox2)-->
<option value="2490, 2997">С</option><!--расчет по ширине(editbox1)-->
<option value="1190, 1450">Р</option><!--расчет по ширине(editbox1)-->
</select>
 
<select size="1" id="combobox33"><!--combobox33-->
<option value="0">1</option>
<option value="B">2</option>
<option value="950">3</option>
<option value="600">4</option>
<option value="2100">5</option>
</select>
</body>
</html>
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<script>
var sel_f, sel_r;
var intp_a, intp_b;
var a, b, l, f;
var rezult = 0;
var rezult_out = 0;
 
sel_f = document.querySelector('#combobox3');
sel_r = document.querySelector('#combobox33');
 
intp_a = document.getElementById('editbox1');//ширина
intp_b = document.getElementById('editbox2');//высота
rezult_out = document.getElementById('wb_rezult');//результат
 
a = parseFloat(intp_a.value);
b = parseFloat(intp_b.value);
 
sel_f.addEventListener("change", myFunc3);
sel_r.addEventListener("change", myFunc3);
intp_a.addEventListener("change", myFunc3); 
 
function printValues() {
    var out = rezult;
    rezult_out.innerHTML = out;
};
 
function myFunc3() {//функция расчета
 
    var values;
    var mass;
    var rr = 0; 
    var dd;
if('B' === sel_r.value) {dd = parseFloat(sel_f.value.split(', ')[1]);}
else {dd = parseFloat(sel_f.value.split(', ')[0]); rr = parseFloat(sel_r.value);}
 
          console.log(a, dd, rr);
 
          mass = [a, dd, rr];
 
          values = mass;
 
            l = values[0];//ширина
            f = values[1];//combobox3
            r = values[2];//combobox33
 
    rezult = (l * f + r).toFixed(2);
 
    printValues();
};
</script>
0
Дмитрий Дмитрий
1 / 1 / 2
Регистрация: 17.09.2016
Сообщений: 388
25.03.2017, 07:00  [ТС] 4
Решил вопрос
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
25.03.2017, 07:00

Проверка обязательного поля формы в зависимости от выбора select
Прошу оказать помощь Необходимо в зависимости от выбора select: выбор=1 - поле не обязательно...

Отображать поле ввода в зависимости от значения select
Здравствуйте, такая проблема не могу , то есть даже не знаю как реализовать такое. Есть таблица ...

Как сделать запрет ввода букв в поле для ввода input
Здравствуйте! Есть стандартное поле ввода &lt;input type='text' name='name1' size='30'...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru