2013-05-30 31 views
1

嗨我試圖根據選項中選擇的內容來更改價格。一個鞋子有不同的尺寸,每個都有不同的成本。我想獲得他們選擇的物品成本和尺寸,並將其POST它到一個checkout.php頁面。我的代碼在form。我的問題是,我將如何得到t根據用戶選擇的尺寸更改價格,併發布尺寸和該尺寸的價格。根據選項更改價格並獲取大小以發佈

所以checkout.php頁面上它看起來像

product name: blue nike shoes 
    size: **18 inch (+£40.00)** 
    Unit price: £40.00 
    total price: £40.00 

<tr> 
<td width="160">Price:</td> 
<td name="price"><?php echo $row['Standard_price']; ?></td> 
</tr> 

從數據庫中選擇的價格爲標準價格的項目,我希望它改變(不在數據庫中)時,有人從下面的選項

<tr> 
td for="length" width="160">size*:</td> 
<td> 
<select name="size" class="small"> 
<option value="">12 size</option> 
<option value="">14 size(+£30.00)</option> //if this option is selected the price will change to £30 
<option value="">18 size(+£40.00)</option>//if this option is selected the price will change to £40 
<option value="">20 size(+£45.00)</option> 
<option value="">28 size(+£80.00)</option 
</select> 

也許選擇我這樣做是錯誤的方式,但我知道這是可能做到這一點,因爲我已經看到了一些網站上出售的物品,不同的長度或形狀的價格是不同的從另一個。

如果還沒有人瞭解我... 嘗試從任何網站銷售和挑選您的尺寸購買鞋...雖然價格id相同的所有尺寸,但在購物車它告訴你要選擇。 在我的情況下,尺寸有不同的價格,我希望它在購物車上顯示您選擇的尺寸以及該尺寸的價格。

+1

你需要,如果你想以價換量,當選擇框更改爲使用JavaScript。 –

+0

我需要一個我很高興知道的例子......一直在嘗試做幾天。我已經設法讓價格改變,但它並沒有張貼價格或選定的大小到checkout.php –

回答

0

這可以幫助你:

$("select[name='size']").on("change",function(){ 
    if($("option:selected",$(this)).val()!="-1") 
    { 
     $("#spanSize").text($("option:selected",$(this)).text()); 
     $("#unitPrice").text($("option:selected",$(this)).val()); 
     $("#totalPrice").text($("option:selected",$(this)).val()); 
    } 
    else 
    { 
     $("#spanSize").text(""); 
     $("#unitPrice").text(""); 
     $("#totalPrice").text(""); 
    } 
}); 

SEE LIVE CODE

+0

這看起來不錯,但我想發佈它作爲所有的代碼是在一個窗體,以便不會工作 –

+0

關於checkout.php它將會像 if(isset($ _ POST ['pid'])){ $ pid = $ _POST ['pid']; \t $ qty = $ _POST ['Qty']; \t $ size = $ _POST ['size']; \t $ price = $ _POST ['price']; –