Скрипт калькулятора из выпадающих списков select #7

Скрипт калькулятора из выпадающих списков select #7

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

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

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

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

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

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

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

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

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

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

Браузер, javascript

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

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

Дополнительная информация:

========== Гарантии и Лицензия (Warranty and License) ==========

http://mobile-island.narod.ru/license.html