我希望页面上有 3 个以上的选择器,每个选择器在选择一个项目时显示不同的产品图像。如果有 3 个选择器,将有 3 个不同的 div 来显示图像。
我在使用代码时遇到问题:
<!-- Selector for Mug -->
<script type="text/javascript">
$(function(){
function changeImage(image)
{
// hide all mainimages
$('div.mainimage-mug > div ').hide();
// show the selected image
$('div.mainimage-mug > div.' + image).show();
}
$('select.mug').change(function(){
// get the selected option
var selected = $('select.mug option:selected');
changeImage(selected.val());
});
});
谢谢!