Моя корзина готова и работает, но теперь мне нужно установить связь между идентификатором продукта в моей базе данных и выбором размера покупателя. Кто-нибудь может мне помочь? Смотрите ниже мой код в моем 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>
Вам нужен JavaScript для изменения URL при выборе размера. Я сделал очень простой пример ниже на основе вашего кода.
Заметные изменения:
name
значение должно быть одинаковым для радиостанций, чтобы они принадлежали к одной группе.onclick
на радиовходы, вызывающие setShoppingCartUrl
функцияПример:
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>
Других решений пока нет …