我使用下面的代码来生成基于一个下拉选择一个img URL。
$(document).ready(function() {
$('select').change(function(){
var src = $(':selected', this).text()
$('img').attr('src', location.hostname + "/" + src + '.jpg');
});
});`
它适用于显示添加选择文本到一个静态的URL，即：
www.mysite.com/selecttext.jpg
但是，需要的是这样的工作：
www.mysite.com/<?php text value ?>/selecttext.jpg
该PHP已经运行只需要知道如何调整jQuery的工作。
PHP / HTML：
<script type="text/javascript"> var dir = '<?php echo "foo"; ?>'; </script>
JS：
$(document).ready(function() {
$('select').change(function(){
var src = $(':selected', this).text()
$('img').attr('src', location.hostname + "/" + dir + '/' + src + '.jpg');
});
});`
记住，你可以“扫”分类页面的其他部分添加到URL。 在猜测你正在寻找的产品SKU在那里去 - 或者至少是INTERAL Magento的ID。 你可以把这些信息在分类页面 - 即使隐藏（也许作为产品名称的标题标签） - 把一个ID就可以了，并拉入值代码。
在“做在PHP的方法”就是这样瓦瑞恩做到这一点，彼得的方式看起来并不即使是定义一个全局变量（据说坏的）太糟糕了 - 只是$ _item-弹出它在你的模板代码> getSku（ ）
