Последние записи

made in programmersforum 5

Интенсив по Python: Работа с API и фреймворками 24-26 ИЮНЯ 2022. Знаете Python, но хотите расширить свои навыки?
Slurm подготовили для вас особенный продукт! Оставить заявку по ссылке - https://slurm.club/3MeqNEk

Online-курс Java с оплатой после трудоустройства. Каждый выпускник получает предложение о работе
И зарплату на 30% выше ожидаемой, подробнее на сайте академии, ссылка - ttps://clck.ru/fCrQw

31st
Мар

Выполнение разных действий в зависимости от выбранного select

Posted by obzor under HTML, JavaScript

Как сделать выборку из id=»combobox3″ так, чтобы А и В рассчитывались по ширине, т.е. значение value подставлялось в var a. С и P рассчитывались по высоте, т.е. значение value подставлялось в var b.

<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 value="2190, 2648">А</option><!--по ширине-->
<option value="2350, 2823">В</option><!--по ширине-->
<option value="2490, 2997">С</option><!--по высоте-->
<option value="1190, 1450">P</option><!--по высоте-->
</select>

Serge_Bliznykov

если я правильно понял, то попробуйте использовать дополнительный аттрибут в option.

например, так:

Код:


<!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 value="2190, 2648" iswdith="1">А</option><!--по ширине-->
  <option value="2350, 2823" iswdith="1">В</option><!--по ширине-->
  <option value="2490, 2997" iswdith="0">С</option><!--по высоте-->
  <option value="1190, 1450" iswdith="0">Р</option><!--по высоте-->
  <option value="1330, 2252" iswdith="1">Z(by w)</option><!--по ширине-->
</select>
<script>
  var f = 0.5;//parseFloat(intp_f.value);
  var rezult_out = document.getElementById('wb_rezult');//результат
 
  document.getElementById('combobox3').addEventListener("change", myFunc3);
  document.getElementById('editbox1').addEventListener("change", myFunc3); 
  document.getElementById('editbox2').addEventListener("change", myFunc3); 
 

function printValues(mytext) {
    rezult_out.innerHTML = mytext;
};

function myFunc3() {//функция расчета
  var select_idx = document.getElementById('combobox3').selectedIndex;
  var cb3 = document.getElementById('combobox3').options[select_idx].getAttribute('iswdith'); 

  var a = parseFloat(document.getElementById('editbox1').value);
  var b = parseFloat(document.getElementById('editbox2').value);
  var result = f;

  switch (cb3) {
	case "1":
		result*=a;
		break;

	case "0":
		result*=b;
  }
  printValues(result);
    
};
</script>
</body>
</html>

тема на форуме

Последние записи

made in programmersforum 5

Выполнение разных действий в зависимости от выбранного select

Похожие статьи

Купить рекламу на сайте за 1000 руб

пишите сюда - alarforum@yandex.ru