как выполнить магазин размер корзины вариант

Моя корзина готова и работает, но теперь мне нужно установить связь между идентификатором продукта в моей базе данных и выбором размера покупателя. Кто-нибудь может мне помочь? Смотрите ниже мой код в моем HTML изменился на php:

<form method="POST" autocomplete="off" title="Product">
<input name="title" type="hidden" id="title" value="Product"">
<label>Size</label>
<label><input type="radio" name="Size1" value="22" id="22"> M </label>
<label><input type="radio" name="size2" value="23" id="23"> L </label>
<div>
<a id="shoppingcart" href="cart2.php?add=.(I would like to place the id 22 or 23 here`enter code here`)" target="_self"><img src="https://web-answers.ru/wp-content/uploads/2019/02/carrinho01.jpg" alt="noiva em detalhes" width="100%" height="100%" align="rigth" margin-right="8%"/></a>

0

Решение

Вам нужен JavaScript для изменения URL при выборе размера. Я сделал очень простой пример ниже на основе вашего кода.

Заметные изменения:

  • name значение должно быть одинаковым для радиостанций, чтобы они принадлежали к одной группе.
  • Дополнение onclick на радиовходы, вызывающие setShoppingCartUrl функция
  • JavaScript, который добавляет значение радио в URL и устанавливает ссылку

Пример:

baseurl = 'cart2.php?add=';

function setShoppingCartUrl(e) {
document.getElementById('shoppingcart').href=baseurl+e.value
}
<form method="POST" autocomplete="off" title="Product">
<input name="title" type="hidden" id="title" value="Product"">
<label>Size</label>
<label><input type="radio" name="size" value="22" id="22" onclick ="setShoppingCartUrl(this)"> M </label>
<label><input type="radio" name="size" value="23" id="23" onclick ="setShoppingCartUrl(this)"> L </label>
<div>
<a id="shoppingcart" href="#" target="_self"><img src="https://web-answers.ru/wp-content/uploads/2019/02/carrinho01.jpg" alt="noiva em detalhes" width="100%" height="100%" align="rigth" margin-right="8%"/></a>
1

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]