從PHP中選擇.change交換縮略圖查詢結果

Question

我有一個網站銷售圖片產品，無論是框架式，安裝式還是打印件。我使用產品的縮略圖在網格中顯示產品。

選擇選項的類是'cardid'，縮略圖的類是'cardim'。我每頁有20個產品。

客戶可以選擇使用選擇菜單，如果他們想添加他們的籃子框架，安裝或只是作爲一個打印。我想在選擇菜單中選擇其他選項時更改縮略圖。

我將如何讓每個類都具有唯一性，以及如何在我的script.js中處理此操作，並複製相同的代碼？此刻，如果我改變任何選擇選項，所有圖像都會改變。

的script.js

// Event handler for picture selector 
$('.cardid').change(function() { 
    $(".cardim").attr("src", "images/products/thumb/new-image.jpg"); 
}); 

這是用於縮略圖圖像的代碼。

<a class="card_thumb" href="img/products/large/<?php echo $cims[0];?>" title="<?php echo $product['Products_SKU'];?>"><img src="img/products/thumb/<?php echo $cims[0];?>" class="cardim" alt="<?php echo $product['Products_SKU'];?>"></a> 

和代碼選擇

<option value="' . $row['Products_ID'] . '">'. $selector[$key] .'</option> 

Answer 1

類的一個片段是不是唯一的。 ID只有唯一的，這樣在標籤

<a class="card_thumb" href="img/products/large/<?php echo $cims[0];?>" title="<?php echo $product['Products_SKU'];?>"><img src="img/products/thumb/<?php echo $cims[0];?>" class="cardim" alt="<?php echo $product['Products_SKU'];?>" id="<?php echo $product['Products_ID'];?>"></a> 

使用id等，並使用腳本

$('.cardid').change(function() { 
    var getId = $(this).attr('id'); 
    $("#"+getId).attr("src", "images/products/thumb/new-image.jpg"); 
}); 

由於傑米·泰勒