各位高手,小弟有事請教

http://www.mycoupon.com.hk/new3/productdetail.php?product_id=10

這個是小弟第一次開發ecommerece的網站
我面對一個問題很複雜的
就是
當選擇顏色及選擇尺碼的時候怎樣可以檢查資料庫的數量?

我的資料庫設計是:
quantity_id | product_id | color | size | quantity
1 | 10 | #0a0000 | S | 1000
2 | 10 | #0a0000 | M | 1000
3 | 10 | #e50648 | S | 1000
4 | 10 | #e50648 | M | 1000
5 | 10 | #b5b3b3 | S | 1000
6 | 10 | #b5b3b3 | M | 1000
7 | 10 | #d8c788 | S | 1000
8 | 10 | #d8c788 | M | 1000

我的程式是:
<div class="color-details">
<span class="selected-color"><strong>選擇顏色</strong></span>
<ul class="swatches Color">
<?
$result = mysql_query("SELECT distinct color FROM quantity where product_id = '$_GET[product_id]'");
$i = 0;
while($row = mysql_fetch_array($result))
{
if($row!=''){
echo'<li id="'.$row.'" class="selectcolor ';
if ($i == 0){
$firstcolor = $row;
echo'selected"> <a style="background-color:'.$row.'" > </a> </li>';
}else{
echo'"> <a style="background-color:'.$row.'" > </a> </li>';
}
}else{
echo'只有一種';
}
$i = $i + 1;
}
echo'<input type="hidden" id="selectedcolor" name="selectedcolor" value="'.$firstcolor.'"/>';

?>

</ul>
</div>

<div class="filterBox">選擇尺碼
<select name="size">
<?
$result = mysql_query("SELECT distinct size FROM quantity where product_id = '$_GET[product_id]'");
while($row = mysql_fetch_array($result))
{
if($row!=''){
echo'<option value="'.$row.'" disabled>'.$row.'</option>';
}else{
echo' <option value="" disabled>只有一種尺碼</option>';
}
}

?>

</select>
</div>


<script>
$('.selectcolor').click(function () {
var val = $(this).attr('id');
$('#selectedcolor').val(val);
});
</script>


真心希望有大大可以幫我,謝謝
標籤:

評論

  • 我猜你的想要的結果是讓使用者在選單選擇一個項目後在頁面後顯示符合該顏色大小的商品數量,
    在這個情況下你應該使用AJAX來達成這件事情, 你可以研究看看AJAX是怎麼與後端php傳輸與接收參數的

    另外在這個情境下,我建議選單的觸發事件使用
    $('.selectcolor').on('change', function(){ ... });
  • 謝謝你的回覆
    請問一下有沒有例子可以看看

    為什麼要使用這個
    $('.selectcolor').on('change', function(){ ... });
    有什麼分別?
  • 例子可以在網上搜尋關於 jQuery AJAX + PHP 的範例看看是如何運作的, 然後根據你想要的功能或邏輯自己寫jQuery和PHP的程式來達成你的目的

    $('.selectcolor').on('change', function(){ ... });
    使用 change 事件是想說當使用者選擇選單裡不同的值之後才做動作
Sign In or Register to comment.