Форум

DarkMilkMan · #1 (**permalink**) 26.02.2015, 12:20

Добрый день, есть код

<select name="weightprim" value="100">
<option name="weightprim" value="100">-- Выберите вес товара --</option>
<option name="weightprim" value="100">до 1 кг</option>
<option name="weightprim" value="100">1 - 3 кг</option>
<option name="weightprim" value="100">3 - 5 кг</option>
<option name="weightprim" value="100">5 - 10 кг</option>
<option name="weightprim" value="100">10 - 25 кг</option>
<option name="weightprim" value="100">25 - 100 кг</option>
</select>
<label for="dostdobel">Стоимость доставки <u>до склада в Беларуси</u> в бел.руб.:</label><input type="number" id="dostdobel" name="dostdobel" maxlength="300" value="0" readonly><br>
<script>
(function(){
	var form = document.forms.frm;
	form.onchange = form.oninput = calcTotal;
	function calcTotal() {
	var weightprim = 0;
	for ( var i = 0; i < form.weightprim.length; i++) {
		weightprim += form.weightprim[i].checked * +form.weightprim[i].value;
	}
form.dostdobel.value = weightprim;
}
})();
</script>

Задача выбрать вес и вывести стоимость указанную в value веса, в определённый imput.
Если использовать imput radio вместо select, то всё работает, но необходимо именно списком.
Может кто подскажет как это реализовать

рони · #2 (**permalink**) 26.02.2015, 12:23

DarkMilkMan,
Пожалуйста, отформатируйте свой код!
Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[js]
... ваш код...
[/js]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

рони · #3 (**permalink**) 26.02.2015, 12:29

DarkMilkMan,

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
</head>

<body>
 <form name="frm" action="http://">

<select name="weightprim" >
 <option  value="0">-- Выберите вес товара --</option>
 <option  value="100">до 1 кг</option>
 <option  value="200">1 - 3 кг</option>
 <option  value="300">3 - 5 кг</option>
 <option  value="400">5 - 10 кг</option>
 <option  value="500">10 - 25 кг</option>
 <option  value="600">25 - 100 кг</option>
 </select>
 <label for="dostdobel">Стоимость доставки <u>до склада в Беларуси</u> в бел.руб.:</label><input type="number" id="dostdobel" name="dostdobel" maxlength="300" value="0" readonly><br>
</form>
 <script>
 (function(){
 var form = document.forms.frm;
 form.onchange = form.oninput = calcTotal;
 function calcTotal() {
 form.dostdobel.value = form.weightprim.value;
 }
 })();
 </script>


</body>

</html>

DarkMilkMan · #4 (**permalink**) 26.02.2015, 12:48

Огромное спасибо

Форум

Справочник

Discord чат

Курсы javascript