Jquery图像交换,使用选择的TEXT值无效

时间:2011-03-04 02:18:32

标签: jquery

所以我正在开发一个放入x-cart的网站。 有一个页面,客户可以从选择框中选择一些选项,并更改图像样本。

由于该值是动态的,我将其装配为从文本值读取。

if ($('option:contains("Bridal White 001")')){  
    $('.imgYarn').attr('src','/store/skin/common_files/images/yarn/tiny/bridal_white_001.jpg');  
}

它不起作用:(
 它不仅会拉出错误的图像,而且只会交换一次 任何人都可以向我解释一下如何解决这个问题?

破页:
broken page link
(在“选择纱线颜色,点击象牙,然后拉起铂金照片。第二个选择菜单也需要编码) (你会在源代码中看到我也尝试过使用.html()和.text()......)

how it should work

2 个答案:

答案 0 :(得分:0)

可能无法找到路径,您应该给出完整的路径

$('.imgYarn').attr('src','/store/skin/common_files/images/yarn/tiny/bridal_white_0



$('.imgYarn').attr('src','http://yourwebsite.com/store/skin/common_files/images/yarn/tiny/bridal_white_0

答案 1 :(得分:0)

使用它:

if($(this).find('option:selected').text()=="Bridal White 001"){

 $('.imgYarn').attr('src','/store/skin/common_files/images/yarn/tiny/bridal_white_001.jpg');  

}