Kundako
@Kundako
Просто дизайнер, интерфейсов и своей жизни.

Как добавить возможность ввести доп значения, а потом их суммировать?

Уважаемые эксперты, требуется помощь.
Имеется следующий код
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

<script type="text/javascript" language="javascript">

		c = new Array();

	c[0] = 0;
	c[1] = 43;
	c[2] = 96;
	c[3] = 132;
	c[4] = 217;
	c[5] = 308;
	c[6] = 367;
	c[7] = 535;
	c[8] = 763;
	c[9] = 965;

	function Conv()
	{
	 var res, vfrom, vto, vcash;
	 vcash = document.getElementById("cash").value;
	 if(isNaN())
	 vfrom = document.getElementById("from").value;
	 vcash = vcash.replace(',', '\.');
	 vcash = vcash.replace(' ', '');
	 vcash = vcash.replace(' ', '');
	 vto = document.getElementById("to").value;
	 res = vto * vcash + c[vfrom], 2;
	 if(isNaN(res))
	 {
	  res = "0,00";
	 }
	 else
	 {
	  res = res.toFixed(2);
	  res = res.toString();
	  res = res.replace('\.', ',');
	  res = res + " кг";
	 }
	  result.innerHTML = res;
	}
</script>

<div class="kal-ves-block-1">
  <select id="to" class="kal-ves-opt" name="to" onchange="Conv();"> <option selected="selected" value="0">Выберите номера</option> 
    <option value="0.061">Номер 1</option> 
    <option value="0.097">Номер 2</option> 
    <option value="0.106">Номер 3</option> 
	</select>
</div>
<div class="kal-ves-block-1">
	<select id="from" class="kal-ves-opt" name="from" onchange="Conv();"> <option selected="selected" value="0">Выбор типа</option> 
    <option value="1">Тип № 8</option> 
    <option value="2">Тип № 10</option> 
    <option value="3">Тип № 12</option> 
    <option value="4">Тип № 14</option> 
    <option value="5">Тип № 16</option> 
    <option value="6">Тип № 17</option> 
    <option value="7">Тип № 18</option> 
    <option value="8">Тип № 20</option> 
    <option value="9">Тип № 22</option> 
	</select>
</div>
<div class="kal-ves-block-1">
	<input id="cash" class="kal-ves-dlin" onkeyup="Conv();" type="text" name="cash" size="45" maxlength="20">
</div>
<div class="kal-ves-block-1">
	<h3>Общий вес:</h3>
	<h3 id="result" class="kal-ves-res">0,00 кг</h3>
</div>


Суть следующая:
В первом поле выбираем номер.
Во втором - тип.
В третьем поле в цифрах указываем длину.
В результате получаем сумму общего веса.

В дополнение к этому нужно еще реализовать возможность добавления кнопки "добавить значения", после нажатия на которую, появляются еще три таких же поля, где можно выбрать другие значения, а результат в итоге суммируется в "Общий вес".

Буду очень благодарен идеям.
  • Вопрос задан
  • 194 просмотра
Пригласить эксперта
Ответы на вопрос 1
@mir546
creator
function add()
  {
 var elements = document.querySelectorAll('.kal-ves-block-1');
document.getElementById('blockAdd').innerHTML = elements[0].innerHTML + elements[1].innerHTML + elements[2].innerHTML;

}

  function result(){
document.getElementById('resultSum').innerHTML = 'Супер формула';
}


<div onclick="add()">добавить значения(клик)</div>
<div id="blockAdd"></div>

<div onclick="result()">Общий вес(клик)</div>
<div id="resultSum"></div>

вроде должно сработать. если ошибок нету
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
17 мая 2024, в 12:22
350 руб./за проект
17 мая 2024, в 11:52
2500 руб./за проект
17 мая 2024, в 11:41
15000 руб./за проект