Показать сообщение отдельно
  #1 (permalink)  
Старый 14.05.2019, 14:57
Профессор
Отправить личное сообщение для Янковиц Посмотреть профиль Найти все сообщения от Янковиц
 
Регистрация: 17.11.2014
Сообщений: 403

Поиск по json
Добрый день. У меня есть json массив:
<script type='text/javascript'>
/* <![CDATA[ */
var DATA = {"variable":[{"item_id":19,"item_image":"","item_variation":{"steklo":"\u0443\u0434\u0430\u0440\u043e\u043f\u0440\u043e\u0447\u043d\u043e\u0435","material":"\u043c\u0435\u0442\u0430\u043b\u043b"},"item_price":"110"},{"item_id":20,"item_image":"","item_variation":{"steklo":"\u043e\u0431\u044b\u0447\u043d\u043e\u0435","material":"\u043c\u0435\u0442\u0430\u043b\u043b"},"item_price":"130"},{"item_id":21,"item_image":"","item_variation":{"steklo":"\u0443\u0434\u0430\u0440\u043e\u043f\u0440\u043e\u0447\u043d\u043e\u0435","material":"\u043f\u043b\u0430\u0441\u0442\u0438\u043a"},"item_price":"150"},{"item_id":22,"item_image":"","item_variation":{"steklo":"\u0443\u0434\u0430\u0440\u043e\u043f\u0440\u043e\u0447\u043d\u043e\u0435","material":"\u0434\u0435\u0440\u0435\u0432\u043e"},"item_price":"160"},{"item_id":23,"item_image":"","item_variation":{"steklo":"\u043e\u0431\u044b\u0447\u043d\u043e\u0435","material":"\u043f\u043b\u0430\u0441\u0442\u0438\u043a"},"item_price":"175"},{"item_id":24,"item_image":"","item_variation":{"steklo":"\u043e\u0431\u044b\u0447\u043d\u043e\u0435","material":"\u0434\u0435\u0440\u0435\u0432\u043e"},"item_price":"199"}]};
/* ]]> */
</script>


И есть форма:
<form id="buy" action="" method="post">
	<div class="variations">
		<input type="radio" id="material-1" value="металл" name="material">
		<label class="variations__item" for="material-1">металл</label>
		
		<input type="radio" id="material-2" value="пластик" name="material">
		<label class="variations__item" for="material-2">пластик</label>
		
		<input type="radio" id="material-3" value="дерево" name="material">
		<label class="variations__item" for="material-3">дерево</label>
		<div class="error">Пожалуйста, выберите "Материал"</div>
	</div>

	<div class="variations">
		<input type="radio" id="steklo-1" value="ударопрочное" name="steklo">
		<label class="variations__item" for="steklo-1">ударопрочное</label>
		
		<input type="radio" id="steklo-2" value="обычное" name="steklo">
		<label class="variations__item" for="steklo-2">обычное</label>
	</div>	

	<div class="buy__btn">
		<input type="hidden" value="100" name="price">
		<input type="hidden" value="12" name="product-id">
		<input class="buy__btn_submit" type="submit" value="В корзину" data-click="Оформить">
	</div>
</form>

Подскажите как реализовать. Пользователь кликает по inputы, в зависимости от комбинации инпутов получить item_id, item_image, item_price. Буду благодарен за любую помощь.

Важный момент: заранее неизвестно количество блоков радиокнопок.
Ответить с цитированием