2015-08-29 41 views
0
的店鋪購物車選項

我店購物車準備和工作,但現在我需要在我的數據庫中的產品ID和客戶的大小進行relashionship。任何人都可以幫助我嗎?看下面我的代碼在我的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="images/carrinho01.jpg" alt="noiva em detalhes" width="100%" height="100%" align="rigth" margin-right="8%"/></a> 

回答

1

你在追求的是一些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="images/carrinho01.jpg" alt="noiva em detalhes" width="100%" height="100%" align="rigth" margin-right="8%"/></a>

+0

謝謝約翰。它工作得很好,但我不明白它是如何工作的。我想補充的選項,選擇第二輸入無線電選擇顏色我想用1白色和2粉色例如,所以我的ID是122,123,222或223是否有可能跟隨您發佈的任何調整代碼都相同嗎?你能幫我嗎? –

+1

這已經超出了原來的問題。我做了[A的jsfiddle(https://jsfiddle.net/u36zqmv7/)用你能如何處理一種顏色,以及一個例子(我把它作爲單獨的變量,這可能是比較容易處理)。如果你需要更復雜的東西,你可能想自己嘗試一些東西,如果卡住了,可以發表另一個問題。 好運:-) –

+0

John:您好,這是所有我需要的。工作得很好。謝謝你的幫助。 –