Как изменить значение объекта при изменении значение data атрибута?

Question

[Атаджан Алламырадов]

Добрые люди помогите пожалуйста, такое проблема, (адрес сайта : pasideus.ru )
1) Хочу сделать корзину в каталог сайтов:

<div class="order-button toclick" >Купить в 1 клик</div>
	<div class="form-order add_to_cart" 
	  data-bsid="Sumka"
	  data-bscolormat=""
	  data-bscolornit="" 
	  data-bscolorkan="" 
	  data-bsprice="5300" 
	  data-bsimgnit="" 
	  data-bsimgmat="" data-bsimgkan="">Добавить в корзину</div>

В верхнем коде значение дата атрибутов меняется динамический
при изменении света сумок и меняется значение data атрибутов (ссылка на картинку joxi.ru/E2pyklyH7jPqaA),
мне нужно написать значение дата атрибутов в массив cart

var cart = {};
  var names = $(".form-order").data("bscolornit");
 

        cart = {
        colorMat: "",
        colorNit: $(".form-order").data("bscolornit"),
        colorKan: $(".form-order").data("bscolorkan"),
        imgMat: $(".form-order").data("bsimgmat"),
        imgNit: $(".form-order").data("bsimgnit"),
        imgKan: $(".form-order").data("bsimgkan"),
        price: $(".form-order").data("bsprice"),
          //id: $(".form-order").data("bsid")
        };

а потом сохранить в localStorage. При отправке данных в localStorage я беру массив cart, но проблема в том при изменении света сумок не меняется значение массивов

var cart = {};
  var names = $(".form-order").data("bscolornit");
 

        cart = {
        colorMat: "",
        colorNit: $(".form-order").data("bscolornit"),
        colorKan: $(".form-order").data("bscolorkan"),
        imgMat: $(".form-order").data("bsimgmat"),
        imgNit: $(".form-order").data("bsimgnit"),
        imgKan: $(".form-order").data("bsimgkan"),
        price: $(".form-order").data("bsprice"),
          //id: $(".form-order").data("bsid")
        };

function getCart(){
  
}



 $(".add_to_cart").on('click', addToCart);

function addToCart(){
  saveCart();
}

function saveCart(){

  localStorage.setItem('cart', JSON.stringify(cart));
}

Помогите пожалуйста!

Answer 1

[Alfieros]

Один из вариантов...
Создайте скрытый инпут и записывайте туда значения по клику на нужный вам элемент, после брать из него значения туда где вам нужно.
Тогда и LocalStorage не нужен будет.

Comments

[Атаджан Алламырадов]

Суть проблемы в том, при обновлении страницы исчезнет значение инпута, если не сохранить в localstorage

[Alfieros]

Атаджан Алламырадов, можно в куки сохранять.