Скрипт калькулятора с выбором пунктов из выпадающих списков select и подсчетом результата

Скрипт калькулятора расчета состоящий из выпадающих списков select и подсчетом итогового результата.

Посетитель сайта, может выбрать какое-либо наименование в каждом выпадающем списке select. У каждого наименования есть соответствующее ему значение, например, это может быть стоимость - 100 руб. или вес - 5 кг и т.п. Каждый выпадающий список является независимым и представляет свою характеристику или наименование чего-либо. Также, внутри выпадающих списков, родственные пункты, можно разбить на подгруппы.

При нажатии кнопки «Рассчитать», выполняется математическое вычисление по заданной формуле. Формула может быть любой. В приведенном примере, все полученные значения из выпадающих списков select, суммируются. Полученная сумма выводится в графе итого. Также, выводится содержимое всех выбранные пунктов.

Настройки калькулятора выпадающих списков select

<option value='100'>Значение 100</option>
где,
'Значение 100' - название пункта.
value='100' – значение, соответствующее этому пункту списка.

Формула расчета калькулятора выпадающих списков select

sum = val1 + val2 + val3 + val4 + val5;
где,
sum – результат расчета.
val1 … val5 – значения value у выбранных пунктов <option>.

Установка калькулятора выпадающих списков select

Вставить калькулятор в html код страницы, в том месте, где необходимо вывести калькулятор.

Требования для работы калькулятора выпадающих списков select

Браузер, javascript

Редактирование данных выпадающих списков select и формулы расчета калькулятора

Обладая базовыми знаниями html и javascript, вы с легкостью сможете добавить новые выпадающие списки и новые пункты внутри выпадающих списков. Для этого, следует добавить новые строки кода, по аналогии с уже имеющимися в примере. Затем, скорректировать формулу расчета согласно вашим требованиям. Также, для удобства, в javascript коде имеются соответствующие комментарии и подсказки.