如果select选项值与变量值匹配

Question

这是我的代码：http://jsfiddle.net/hKqU6/1/

简单地说，我正在尝试获取变量linkPath的值。

这是我试图用上面的代码实现的：

当用户从选择框中选择一个选项时，查看它的文本（例如紫色），然后选择包含该标题属性中该文本的.thumbnails a标记。

如果成功，请提醒特定.thumbnails a标记的href。

有人可以帮助我实现这个目标吗？很确定这是可能的，我觉得我很接近......

Answer 1

您必须将该变量连接到选择器：

var linkPath = $('.thumbnails > a[title*=' + selectVal + ']').attr('href');

演示：http://jsfiddle.net/hKqU6/3/

Answer 2

selectVal应该连接在一起：

var linkPath = $('.thumbnails > a[title*='+selectVal+']').attr('href');

<强> Fiddle

Answer 3

使用以下JS代码：

$(".variations select").on("change", function() {
    var selectVal = $(this).find('option:selected').val();
    var linkPath = $('.thumbnails > a[title*='+selectVal+']').attr('href');
    alert(linkPath);
});

Answer 4

你应该这样做

var linkPath = $('.thumbnails > a[title*='+selectVal+']').attr('href');

请参阅FIDDLE。