Question

我正在使用以下代码根据下拉选项生成img url。

$(document).ready(function() {
    $('select').change(function(){
       var src = $(':selected', this).text()
       $('img').attr('src', location.hostname + "/" + src + '.jpg');
    });
});`

它适用于显示将选择文本添加到静态网址，即：

www.mysite.com/selecttext.jpg

但是需要为这样的事情工作：

www.mysite.com/<?php text value ?>/selecttext.jpg

PHP已经运行，只需知道如何调整jquery即可工作。

Answer 1

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');
    });
});`

Answer 2

请记住，您可以“清除”类别页面的其他部分以添加到URL。猜测你正在寻找产品SKU - 或者至少是内部的Magento ID。您可以将此信息放在类别页面中 - 即使是隐藏的（可能是产品名称上的标题标记） - 在其上添加一个ID并将值拉入您的代码。

以php方式执行是Varien这样做的方式，Peter的方式看起来并不太糟糕，即使它定义了一个全局变量（据称是坏的） - 只需在你的模板代码中用$ _item-弹出它＆GT; getSku（）

使用Jquery调整动态URL

2 个答案: