Не работает калькулятор стоимости товара

@Foys · Регистрация: 21.04.2016

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

Здравствуйте!
Есть простой калькулятор стоимости товара, конечная цена зависит от выбранных параметров. В выпадающем списке "Абсолютное давление" я выбираю нужное значение, и от этого изменяется цена. Захотелось этот список красиво оформить, добавила CSS, калькулятор перестал работать. Всё дело в class="turnintodropdown"? Как решить проблему? Заранее спасибо.

Выпадающий список значений давления:

HTML5
1
2
3
4
5
6
7
8
9
10
11
<form action="#">
    <p>
        <select onchange="calc()" class="turnintodropdown" id="AP">
            <option value="0">Абсолютное давление:</option>
            <option value="5000">2,4</option>
            <option value="7000">16</option>
            <option value="10000">100</option>
            <option value="15000">110</option>
        </select>
    </p>
</form>

Калькулятор:

HTML5
1
2
3
4
5
6
7
function calc() {
            var AP = document.getElementById("AP");
            var result = document.getElementById("result"); 
            var price = 0;
            price += parseInt(AP.options[AP.selectedIndex].value)
            result.innerHTML = price;
        }

@aj17 · 27.07.2017, 11:22

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

калькулятор перестал работать. Всё дело в class="turnintodropdown"?

Он перестал работать потому что у вас результат работы функции записывается в элемент с ID result, но в html такого блока нет, создайте

HTML5
1
 <div id="result"></div>

@Foys · 27.07.2017, 12:11 **[ТС]**

aj17, к сожалению, проблема этим не решилась. Почему я спросила именно про class="turnintodropdown": у меня есть еще один параметр, погрешность, к нему я не применяла CSS, и он-то как раз работает.

HTML5
1
2
3
4
5
6
7
<b>Погрешность:</b><br/>
        <select onchange="calc()" id="accuracy">
            <option value="0">Выбрать</option>
            <option value="500">0,15%</option>
            <option value="300">0,25%</option>
            <option value="100">0,5%</option>
        </select><br/>

HTML5
1
2
var accuracy = document.getElementById("accuracy");
price += parseInt(accuracy.options[accuracy.selectedIndex].value);

Т.е. если выбрано значение "0,15%", то к цене прибавляется 500.

Новые блоги и статьи Все статьи Все блоги /
Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита, которое может. . .	Команды "Заполнить" и "Очистить" на форме документа Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". На примере нетипового документа разработанного в конфигурации КА2. В качестве источника данных указан регистр накопления, в который записываются данные о. . .	Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .
Отправка уведомления на почту при изменении наименования справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .	модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .	SDL3 для Desktop (MinGW): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf на Си и C++ 8Observer8 24.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-text-sdl3-c. zip finish-text-sdl3-cpp. zip