jquery - 如果选择选项值匹配变量值

Question

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

简单地说，我试图获取变量的值linkPath。

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

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

如果成功，则提醒该特定.thumbnails a标签的 href。

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

Answer 1

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

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

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

Answer 2

使用下面的 JS 代码：

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

Answer 3

你应该做这个

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

见小提琴。

Answer 4

selectVal应该连接：

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

小提琴