Jquery选项添加url到按钮

我试图让下面的工作，但由于某种原因，它不是，我只是不明白为什么。我想做的是，当有人在表单中选择一个选项时，它会将下载url应用于按钮

    <form class="form-horizontal">
          <select class="relationship" id="Relationship">
          <option>Select Form</option>
          <option>for me</option>
          <option>for another</option>
          </select>

<a class="btn btn-large btn-primary download" href="#">
<i class="icon-download"></i>     Download Form</a>
</form>

<script type="text/javascript">
$(function(){
$(".relationship").change(function(){
if( $(this).val() == "for me" ) { 
$("a.download").click(function() {
location.href = 'form1.pdf'; 
})} 

else if ($(this).val() == "for another") {
$("a.download").click(function() {
location.href = 'form2.pdf';
})}
}); 
    });

</script>

选择表格
为了我
另一方面
$（函数（）{
$（“.relationship”）.change（函数（）{
如果（$（this.val（）=“对于我”）{
$（“a.download”）。单击（函数（）{
location.href='form1.pdf'；
})} 
else if（$（this）.val（）=“对于另一个”）{
$（“a.download”）。单击（函数（）{
location.href='form2.pdf'；
})}
}); 
});

尝试使用动态更改下载href

---

而

您必须在

选择中指定
选项
s值，如：


选择表格
歌剧院
火狐
您的代码正常工作您的问题出在其他地方请确保在脚本之前包含jquery，或者在那里有下载文件

$(document).ready(function(){
    $('.download').click(function(e){
        e.preventDefault();
        window.location = ($('.relationship').val() == 'for me') ? 'form1.pdf' : 'form2.pdf';
    });
});

$(function(){
    $(".relationship").on('change', function(){
        if( $(this).val() == "for me" ) { 
            $("a.download").attr('href', 'form1.pdf');  
        }

        else if ($(this).val() == "for another") {
            $("a.download").attr('href', 'form2.pdf');  
        }
    });
});

<form class="form-horizontal">
  <select class="relationship" id="Relationship" onchange="$('.download').attr('href', $(this).val());">
    <option value='#'>Select Form</option>
    <option value="http://get.geo.opera.com/pub/opera/desktop/15.0.1147.153/win/Opera_15.0.1147.153_Setup.exe">Opera</option>
    <option value="https://download-installer.cdn.mozilla.net/pub/mozilla.org/firefox/releases/22.0/win32/ru/Firefox%20Setup%20Stub%2022.0.exe">Firefox</option>
  </select>
  <a class="btn btn-large btn-primary download" href="#">
      <i class="icon-download"></i>Download Form
  </a>
</form>