使用jquery调整动态url答案

【问题标题】：Using Jquery to adjust a dynamic url使用jquery调整动态url
【发布时间】：2012-09-01 17:07:21
【问题描述】：

我正在使用以下代码根据下拉选择生成一个 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 即可工作。

【问题讨论】：

把你的 javascript 放到你的 PHP 文件中，然后就那样做？
用更具体和正确的代码编辑
那么文本值..是怎么定义的？
在产品循环中使用 magento 命令<?php echo $_helper->productAttribute($_product, $_product->getName(), 'name') ?>

标签： php jquery magento

【解决方案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');
    });
});`

【讨论】：

渲染不正确：<img src="<script type="text/javascript"> var dir = '<?php echo $_helper->productAttribute($_product, $_product->getName(), 'name') ?>'; </script>/.jpg" >

【解决方案2】：

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

“以 php 方式执行”是 Varien 的方式，Peter 的方式看起来并不算太糟糕，即使它定义了一个全局变量（据称很糟糕）——只需在模板代码中使用 $_item 弹出它- >getSku()

【讨论】：

感谢@IRIS Indigo。我正在尝试构建 img 路径，以便可以根据相应的自定义选项下降换出产品图像。在类别页面上。