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

@hexdump · Регистрация: 05.02.2013

Author24 — интернет-сервис помощи студентам

То, что я смог cделать сам: fortesting.comli.com/calc/option1.html
Что мне не удалось сделать: создать форму отображающую стоимость конечного продукта исходя из выбранных в списках элементов. На данный момент форма выводит название элемента в окне alert, но это всё мои эксперементы.
Хотелось бы добавить к каждому элементу списка значение с ценой, а затем создать функцию, которая бы подсчитывала общую стоимость этих элементов. Вот код:

Кликните здесь для просмотра всего текста

Javascript

<!DOCTYPE html>
<html>
<head>
    <title>Пример работы калькулятора</title>
    <meta charset="UTF-8">
</head>
<body>
 
<TABLE COLS=2 WIDTH="40%" >
    <TR>
        <th>
            <form name="left_form" id="left_form" action="#" method="get">
                <select name=left_content id="left_content" onChange=l_image()>
                    <option selected>Оплеточные рукава
                    <option>Навивочные рукава
                </select>
            </form>
        </th>
        <th>
            <form id="center_form" name=center_form>
                <select name=center_content id="center_content" onChange=c_image()>
                    <option selected>1 метр
                    <option>2 метра
                </select>
            </form>
        </th>
        <th>
            <form id="right_form" name=right_form>
                <select name=right_content id="right_content" onChange=r_image()>
                    <option selected>Оплеточные рукава
                    <option>Навивочные рукава
                </select>
            </form>
        </th>
    </tr>
    <tr>
        <th>
            <IMG SRC="http://fortesting.comli.com/calc/img/calc/1l.gif" NAME="tool">
        </th>
        <th>
            <IMG SRC="http://fortesting.comli.com/calc/img/calc/1m.gif" NAME="tool">
        </th>
        <th>
            <IMG SRC="http://fortesting.comli.com/calc/img/calc/1r.gif" NAME="tool">
        </th>
    </TR>
</TABLE>
<input type="button" value="Подсчитать стоимость" onclick="theElement.innerHTML = alert(result())">
<div id="div1">Стоимость</div>
</body>
<script type="text/javascript">
    /** Последовательно создаю три массива для хранения изображений из трёх выпадающих списков **/
    left = new Array()
    for(i=0;i<3;i++)
    {
        left[i] = new Image()
        if(i==0) left[i].src = "http://fortesting.comli.com/calc/img/calc/1l.gif"; t_l = 1;
        if(i==1) left[i].src = "http://fortesting.comli.com/calc/img/calc/2l.gif"; t_l = 2;
    }
    center = new Array()
    for(i=0;i<3;i++)
    {
        center[i] = new Image()
        if(i==0) center[i].src = "http://fortesting.comli.com/calc/img/calc/1m.gif"; t_c = 1;
        if(i==1) center[i].src = "http://fortesting.comli.com/calc/img/calc/2m.gif"; t_c = 2;
    }
    right = new Array()
    for(i=0;i<3;i++)
    {
        right[i] = new Image()
        if(i==0) right[i].src = "http://fortesting.comli.com/calc/img/calc/1r.gif"; t_r = 1;
        if(i==1) right[i].src = "http://fortesting.comli.com/calc/img/calc/2r.gif"; t_r = 2;
    }
 
    /** Инициализация смены изображения исходя из выбранного пункта **/
 
    function l_image()
    {
        document.images[0].src = left[document.left_form.left_content.selectedIndex].src
    }
    function c_image()
    {
        document.images[1].src = center[document.center_form.center_content.selectedIndex].src
    }
    function r_image()
    {
        document.images[2].src = right[document.right_form.right_content.selectedIndex].src
    }
    /* Недоделанная функция подсчёта стоимости */
    function result()
    {
        r = document.left_form.left_content.value ;
        return r;
    }
    var theElement = document.getElementById("div1");
</script>
</html>

Подскажите пожалуйста, как это можно реализовать?

Добавлено через 8 часов 29 минут
За готовое решение заплачу 50 - 100 р. через qiwi.

@sKotenok · 25.02.2013, 15:31

Если проблему ещё не решил, распиши вопрос подробнее, могу помочь, я как раз потренироваться на несложных скриптах сюда заглядываю ^_^.
Сейчас не очень понятно, что именно нужно..

@hexdump · 26.02.2013, 08:58 **[ТС]**

Сообщение от sKotenok

Если проблему ещё не решил, распиши вопрос подробнее, могу помочь, я как раз потренироваться на несложных скриптах сюда заглядываю ^_^.
Сейчас не очень понятно, что именно нужно..

Привет! Спасибо, что откликнулся.
В общем-то пример того, что нужно, есть по ссылке, что указана в сообщении выше. Нужно дополнить данный пример тем, чтобы он научился выводить стоимость конечного товара, в зависимости от того, какие элементы из трёх выпадающих списков пользователь выберет.

@USW · 26.02.2013, 12:41

скрытое поля ввода добавьте со значением

@sKotenok 363 / 334 / 38 Регистрация: 29.03.2011 Сообщений: 838
	25.02.2013, 15:31	2
	Если проблему ещё не решил, распиши вопрос подробнее, могу помочь, я как раз потренироваться на несложных скриптах сюда заглядываю ^_^. Сейчас не очень понятно, что именно нужно.. 0

@hexdump 0 / 0 / 0 Регистрация: 05.02.2013 Сообщений: 4
	26.02.2013, 08:58 [ТС]	3
	Сообщение от sKotenok Если проблему ещё не решил, распиши вопрос подробнее, могу помочь, я как раз потренироваться на несложных скриптах сюда заглядываю ^_^. Сейчас не очень понятно, что именно нужно.. Привет! Спасибо, что откликнулся. В общем-то пример того, что нужно, есть по ссылке, что указана в сообщении выше. Нужно дополнить данный пример тем, чтобы он научился выводить стоимость конечного товара, в зависимости от того, какие элементы из трёх выпадающих списков пользователь выберет. 0

@USW 30 / 29 / 5 Регистрация: 07.11.2012 Сообщений: 274
	26.02.2013, 12:41	4
	скрытое поля ввода добавьте со значением 0