Измените привязку привязки в зависимости от значения ячейки выбора

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

Вы получаете значение на PageLoad, и никогда не менять. Вам нужно, чтобы получить значение в обработчик события

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

Answer 2

Try это,

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

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