如果選擇選項值相匹配的變量值

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。