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

@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 **[ТС]**

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

@viktorius73 1 / 1 / 1 Регистрация: 16.09.2013 Сообщений: 80
		1
	Изменение свойства при изменении другого свойства 09.11.2016, 17:19. Показов 1440. Ответов 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