从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"); 
}); 

由于杰米·泰勒