根據選擇框值修改錨點鏈接

Question

我想使用<select>下拉列表將鏈接設置爲href，以指向不同的錨點值。 在此先感謝

我現在有這個JS：

var destinationchange = $("#destination").val(); 
$(document).ready(function() { 
    $("#destination").change() { 
    $("#engage").attr("href" , destinationchange); 
    }); 
}); 

而這個HTML：

<select id="destination"> 
    <option value="#1">1</option> 
    <option value="#2">2</option> 
</select> 

<a title="engage" id="engage">Engage</a> 

Answer 1

你得到頁面加載的價值，並不會改變它。你需要在事件處理程序

$(document).ready(function() { 
    $("#destination").on('change', function() { 
     $("#engage").prop("href" , this.value); 
    }); 
}); 

Answer 2

嘗試使用此方法獲得的價值，

$("#destination").change (function() { 
    $("#engage").attr("href", $(this).val()); 
}); 

DEMO：http://jsfiddle.net/aVqh9/