Изменение свойства при изменении другого свойства

@viktorius73 · Регистрация: 16.09.2013

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

Предположим у меня есть товар,у которого есть несколько размеров и к каждому размеру привязана цена.Как сделать,к примеру я выбираю размер и тут же изменяется цена,которая привязана к этому размеру.Я полагаю тут нужно использовать событие on-change?но я пока не разобрался как он работает

@vettel · 09.11.2016, 17:22

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

к примеру я выбираю размер и тут же изменяется цена

Где выбираете? В селекте? Покажите разметку и код на данный момент.

@Balanaar · 09.11.2016, 17:22

Предположим, у нас есть ваш код (html-разметка, наработки на js и может быть даже стили).
Тогда мы находим в этом коде размер и на основании размера меняем цену.

@viktorius73 · 09.11.2016, 17:29 **[ТС]**

Да,выпадающий список,значения берутся из массива

PHP

<select  class="input-select" >
    <?foreach($arResult['SIZES'] as $id => $size):?>
        <option  value="<?=$id?>"><?=$size?></option>
    <?endforeach;?>
</select>

А цена передается классу

HTML5

<div class="Item-price">       
  <span class="product-detail-price-price">
    <span class="total_cost"></span> 
  </span>    
</div>

Javascript

 function showPrice(size, material) {
            var optionCosts = getOptionCost(size);
            var itemPrice = parseInt(size_material[material][size]);
            var price = optionCosts + itemPrice;
            $('.total_cost').html(price);
        }

@Balanaar · 09.11.2016, 17:42

Как вариант на стороне сервера заранее посчитать для каждого <option> цену и впихнуть ее в тег в качестве атрибута. А на <select> повесить событие onchange:

PHP/HTML

<select onchange="showPrice(this);"  class="input-select" >
    <?foreach($arResult['SIZES'] as $id => $size):?>
        <option  value="<?=$id?>" price="<?=$price?>"><?=$size?></option>
    <?endforeach;?>
</select>

Javascript

1
2
3

function showPrice(e) {
            $('.total_cost').html(e.getAttribute('price'));
        }

***Поторопился. Исправляю.***

Добавлено через 5 минут

Javascript

1
2
3

function showPrice(e) {
            $('.total_cost').html(e.options[e.selectedIndex].getAttribute('price'));
        }

Вроде так.

@viktorius73 · 09.11.2016, 22:00 **[ТС]**

размер уже подсчитывается и выводится,а вот как цену задать к примеру в ручную и привязать к определенному размеру?

Новые блоги и статьи
Это работает. Скорость асинхронной логики велика. Вопрос видимо останется в стабильности. Плата - огонь! Hrethgir 13.01.2025 По прошлому проекту в Logisim Evolution https:/ / www. cyberforum. ru/ blogs/ 223907/ blog8781. html прилагаю файл архива проекта Gowin Eda и снимок. Восьмибитный счётчик из сумматора+ генератор сигнала. . .	UserScript для подсветки кнопок языков программирования в зависимости от текущего раздела volvo 13.01.2025 В результате работы этого скрипта подсвечиваются нужные кнопки не только в форме быстрого ответа, но и при редактировании сообщения: / / ==UserScript== / / @name CF_DefaultLangSelect / / . . .	Введение в модели и алгоритмы машинного обучения InfoMaster 12.01.2025 Машинное обучение представляет собой одну из наиболее динамично развивающихся областей искусственного интеллекта, которая фокусируется на разработке алгоритмов и методов, позволяющих компьютерам. . .	Как на Python создать нейросеть для решения задач InfoMaster 12.01.2025 В контексте стремительного развития современных технологий особое внимание уделяется таким инструментам, как нейросети. Эти структуры, вдохновленные биологическими нейронными сетями, используются для. . .	Как создать нейросеть для генерации картинок на Python InfoMaster 12.01.2025 Генерация изображений с помощью искусственных нейронных сетей стала одним из наиболее захватывающих направлений в области компьютерного зрения и машинного обучения. В этой статье мы рассмотрим. . .	Создание нейросети для генерации текста на Python InfoMaster 12.01.2025 Нейросети, или искусственные нейронные сети, представляют собой модели машинного обучения, вдохновленные работой человеческого мозга. Они состоят из множества взаимосвязанных узлов, или "нейронов",. . .
Как создать нейросеть распознавания изображений на Python InfoMaster 12.01.2025 Введение в распознавание изображений с помощью нейросетей Распознавание изображений с помощью нейронных сетей стало одним из самых впечатляющих достижений в области искусственного интеллекта. Эта. . .	Основы искуственного интеллекта InfoMaster 12.01.2025 Искусственный интеллект (ИИ) представляет собой одну из наиболее динамично развивающихся областей современной науки и технологий. В широком смысле под искусственным интеллектом понимается способность. . .	Python и нейросети InfoMaster 12.01.2025 Искусственные нейронные сети стали неотъемлемой частью современных технологий, революционизировав множество областей - от медицинской диагностики до автономных транспортных средств. Python, благодаря. . .	Python в машинном обучении InfoMaster 12.01.2025 Python стал неотъемлемой частью современного машинного обучения, завоевав позицию ведущего языка программирования в этой области. Его популярность обусловлена несколькими ключевыми факторами, которые. . .	Создание UI на Python с TKinter InfoMaster 12.01.2025 TKinter — это одна из наиболее популярных библиотек для создания графических интерфейсов пользователей (GUI) в языке программирования Python. TKinter входит в стандартную библиотеку Python, что. . .	HTML5 в разработке мобильных приложений InfoMaster 12.01.2025 Введение: Обзор роли HTML5 в мобильной разработке В современном мире мобильных технологий HTML5 стал ключевым инструментом для разработки кроссплатформенных приложений. Эта технология произвела. . .

@viktorius73 1 / 1 / 1 Регистрация: 16.09.2013 Сообщений: 80
		1
	Изменение свойства при изменении другого свойства 09.11.2016, 17:19. Показов 1469. Ответов 5 Метки нет (Все метки) Предположим у меня есть товар,у которого есть несколько размеров и к каждому размеру привязана цена.Как сделать,к примеру я выбираю размер и тут же изменяется цена,которая привязана к этому размеру.Я полагаю тут нужно использовать событие on-change?но я пока не разобрался как он работает 0

@vettel 84 / 84 / 41 Регистрация: 14.02.2015 Сообщений: 320
	09.11.2016, 17:22	2
	Сообщение от viktorius73 к примеру я выбираю размер и тут же изменяется цена Где выбираете? В селекте? Покажите разметку и код на данный момент. 0

@Balanaar 2463 / 1769 / 625 Регистрация: 11.07.2016 Сообщений: 4,067
	09.11.2016, 17:22	3
	Предположим, у нас есть ваш код (html-разметка, наработки на js и может быть даже стили). Тогда мы находим в этом коде размер и на основании размера меняем цену. 0

@viktorius73 1 / 1 / 1 Регистрация: 16.09.2013 Сообщений: 80
	09.11.2016, 22:00 [ТС]	6
	размер уже подсчитывается и выводится,а вот как цену задать к примеру в ручную и привязать к определенному размеру? 0