jquery - Jquery选项将url添加到按钮

Question

我试图让以下工作，但由于某种原因它不是，我似乎不明白为什么。我想要做的是当有人在表单中选择一个选项时，它将下载 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>

Answer 1

尝试动态更改下载 href 而不是使用attr。

$(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');  
        }
    });
});

还有小提琴

Answer 2

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

Answer 3

您必须像这样cpecifyoption的值： select

<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>

Answer 4

您的代码有效您的问题出在其他地方，请确保在脚本之前包含 jquery，或者那里有下载文件。