使用jquery調整動態url

我正在使用下面的代碼來生成基於下拉選擇的img url。使用jquery調整動態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的工作。

來源

2012-09-01 Sam Danger

你能更具體嗎？ – Peter

把你的JavaScript放到你的PHP文件中，然後像這樣做？ – adeneo

編輯更具體和正確的代碼 –

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

來源

2012-09-01 17:14:14 Peter

這不是正確的：' var dir ='<？php echo $ _helper-> productAttribute（$ _ product，$ _product-> getName（），'name'）？>'; /.jpg「>' –

記住，你可以 '掃' 分類頁面的其他部分添加到URL。猜測你正在尋找產品SKU進入那裏 - 或者至少是內部的Magento ID。您可以將此信息放入您的分類頁面 - 即使隱藏（也可以將其作爲產品名稱上的標題標籤） - 在其上放置一個標識並將該值存入您的代碼。我們可以通過使用$ _item將它彈出到模板代碼中，但是，即使定義了一個全局變量，Peter的方式看起來也不算太糟糕。 - > getSku（）

來源

2012-09-01 17:39:47 Theodores

Thanks @IRIS Indigo。我試圖構建IMG路徑，以便根據相應的自定義選項替換產品圖像。 –

使用jquery調整動態url

回答

相關問題