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

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

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

fiddle

Answer 2

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

Answer 3

您必须在option 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>的值：

{{1}}

Answer 4

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

Jquery选项将url添加到按钮

4 个答案: