Поиск товаров
Скрипт калькулятора из выпадающих списков select #7
Скрипт калькулятора расчета состоящий из выпадающих списков 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 коде имеются соответствующие комментарии и подсказки. ========== Гарантии и Лицензия (Warranty and License) ========== http://mobile-island.narod.ru/license.html |