Как добавить выбранное значение select в корзину?

Question

[Valsin]

Здравствуйте! Есть select, как добавить выбранное значение в корзину?

var sum = 0,
	selectPriceForm;
function insert() {
	//Считываем файл form.json
	$.getJSON("/forms.json", insertForms);
}
function insertForms(data) {
	//Вывод на страницу
	console.log(data);
	var out='';
	for (var key in data) {
		out += '<option data-title="'+data[key].name+'" data-price="'+data[key].cost+'">'+data[key].name+'</option>';
	}
	$('#select-form').append(out);
}
function insertToCart(data) {
	//Вывод на страницу
	var selectTitleForm = $('#select-form option').filter(':selected').data('title');
	console.log(selectTitleForm);
	var out='';
	for (var key in data) {
		out += '<div class="popup-good__title">';
		out += selectPriceForm
		out += '</div>'
	}
	$('.popup-goods').html(out);
}
function changeForm() {
	selectPriceForm = $('#select-form option').filter(':selected').data('price');
	$('.priceFormed').text(selectPriceForm + ' руб.');
	recalc();
}
$('#select-form').change(function() {
	changeForm();
});
$('.calculator-icons__button').click(function() {
	insertToCart();
});

<div class="dropdown">
	<select id="select-stamp" class="calculator-steps__choise">
		<option selected data-price="0">Выбрать другую оснастку</option>
	</select>
</div>
<button class="calculator-icons__button">Добавить в корзину</button>

Answer 1

[Valsin]

Задача была решена таким способом:

var cart = {};
function CartInsert() {
	//добавляем товар в корзину
	var id = $('#target').attr('data-id');
	//console.log(id);
	if (cart[id]==undefined) {
		cart[id] = 1; //если нет товара = 1
	}
	else {
		cart[id]++; //если товар есть +1
	}
	CalcInCart();
}
function loadCart() {
	// проверка на наличие записи cart в localStorage
	if (localStorage.getItem('cart')) {
		// расшифровка и запись переменной
		cart = JSON.parse(localStorage.getItem('cart'));
			CalcInCart();
		}
	else {
		$('.popup-goods').html('Корзина пуста!');
	}
}

function CalcInCart() {
	$.getJSON('/mainstamp/wp-content/themes/stamp-theme/prints.json', function (data) {
			var out = '';
			for (var key in cart) {
				out += '<button data-id="'+key+'" class="del-goods">x</button>';
				out += '<div class="popup-good">';
				out += '<div class="popup-good__img">';
				out += '<img src="/mainstamp/wp-content/themes/stamp-theme/'+data[key].img+'">';
				out += '</div>';
				out += '<div class="popup-good__title">';
				out += data[key].name;
				out += '</div>';
				out += '<div class="popup-good__color">';
				out += '<img src="/mainstamp/wp-content/themes/stamp-theme/'+data[key].color+'">';
				out += '</div>';
				out += '<div class="popup-good__stamp">';
				out += '</div>';
				out += '<div class="popup-good__technology">';
				out += data[key].technology;
				out += '</div>';
				out += '<div class="popup-good__time">';
				out += data[key].time
				out += '</div>';
				out += '<div class="poputp-good__score">';
				out += '<button data-id="'+key+'" class="minus-goods">-</button>'
				out += cart[key];
				out += '<button data-id="'+key+'" class="plus-goods">+</button>'
				out += '</div>';
				out += '<div class="popup-good__price">';
				out += cart[key]*sum;
				out += '</div>';
				out += '</div>';
			}
			$('.popup-goods').html(out);
});
}
$(document).ready(function() {
	loadCart();
});



$('#select-stamp').change(function() {
	changePrice();
	$('#target').attr('data-id', $('#select-stamp option').filter(':selected').data('id'));
});
$('#target').on('click', function() {
	CartInsert();
});