Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 08.07.2014, 17:52
Аспирант
Отправить личное сообщение для zevilz Посмотреть профиль Найти все сообщения от zevilz
 
Регистрация: 24.05.2012
Сообщений: 93

Много кнопок submit
Есть интернет-магазин. На странице с товаром при нажатии на кнопку "В корзину" данные через аякс передаются обработчику, после чего кнопка "В корзину" удаляется и в место нее появляется кнопка "В корзине":
$('#addCart').submit(function(){
		$('#submit_add_item').remove();
		$.ajax({
			type: "POST",
			url: "/handlers/cart.php",
			data: "action=add_cart&id="+$("#fid").val()+"&quantity="+$("#fquantity").val(),
			success: function(html){
				$("#addCart").empty();
				$("#addCart").html(html);
		   }
		});
		return false;
	});

Сейчас делаю кнопку "В корзину" на все товары в каталоге. Айдишники #addCart и #submit_add_item заменяю на классы с номером товара на конце. К примеру, .addCart_1 и .submit_add_item_1. Но вот только никак не пойму как изменить существующий скрипт, чтобы он обрабатывал .addCart_* и .submit_add_item_* с любым номером товара на конце. Не писать же для каждого номера товара отдельный скрипт

Последний раз редактировалось zevilz, 08.07.2014 в 18:02.
Ответить с цитированием
  #2 (permalink)  
Старый 08.07.2014, 19:09
Аспирант
Отправить личное сообщение для zevilz Посмотреть профиль Найти все сообщения от zevilz
 
Регистрация: 24.05.2012
Сообщений: 93

Оказалось проще, чем думал
Сделал вот так:
$('.addCart').submit(function(event){
		event.preventDefault();
		var ev = this;
		$(this).children(".submit_add_item").remove();
		$.ajax({
			type: "POST",
			url: "/handlers/cart.php",
			data: "action=add_cart&id="+$(this).children(".fid").val()+"&quantity="+$(this).children(".fquantity").val(),
			success: function(html){
				$(ev).empty();
				$(ev).html(html);
			}
		});
		return false;
	});
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Много select-ов и много кнопок eFusion Элементы интерфейса 2 18.04.2014 23:35
Через ajax отправить много данных из таблицы на сервер Heger jQuery 3 29.08.2012 18:51
Чудеса математики js при padding borovik Элементы интерфейса 6 09.07.2011 22:02
submit в iframe по событию change vovasvv jQuery 1 21.05.2010 09:37
form и много submit Артем125 Events/DOM/Window 13 01.10.2009 16:50