선택 상자 값에 따라 앵커 링크 수정

Question

다른 앵커 값에 대한 링크의 href을 설정하려면 <select> 드롭 다운을 사용하고 싶습니다. 덕분에

사전

에 나는 현재이 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

당신은 pageload에 값을 얻고,이를 변경하지 않습니다. 당신은

$(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/