JSFiddle - React, Tailwind, and code Playground

by twobomb three

HTML

<select  id="el_2">
			<option data-myValue="56.50">Размер кирпича и кладки</option>
			<option data-myValue="114.3">Кирпич одинарный, кладка в 1 кирпич, толщина стен - 250 мм</option>
		</select>
  
    <input id="el_3">

		<p id="el_12"></p>

JavaScript

document.querySelector("#el_3").addEventListener("input",function(){
  var listbox = document.querySelector("#el_2");
  if(isNaN(parseFloat(this.value)))return;
  document.querySelector("#el_12").innerHTML = parseFloat(this.value)*parseFloat(listbox.children[listbox.selectedIndex].getAttribute("data-myValue"));
  },false);
  
  document.querySelector("#el_2").addEventListener("change",function(){
  	document.querySelector("#el_3").dispatchEvent(new Event("input"));
  },false);