Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/438.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用PDFObject下载带有动态文件名的pdf_Javascript_Jquery_Html_Pdfobject - Fatal编程技术网

Javascript 使用PDFObject下载带有动态文件名的pdf

Javascript 使用PDFObject下载带有动态文件名的pdf,javascript,jquery,html,pdfobject,Javascript,Jquery,Html,Pdfobject,我试图在我的手册中使用我想要的是让用户选择一辆车并下载她/他选择的特定车辆。这是我的密码: <form method="get" action=""> <div class="form-group"><h5>Model</h5></div> <div id="select-vehicle" class="form-group"> <select class="form-control">

我试图在我的手册中使用我想要的是让用户选择一辆车并下载她/他选择的特定车辆。这是我的密码:

<form method="get" action="">

  <div class="form-group"><h5>Model</h5></div>

  <div id="select-vehicle" class="form-group">
    <select class="form-control">
      <option selected disabled> Select Vehicles</option>
    </select>
  </div>

  <div class="form-group">
    <button type="submit" value="submit" id="submit" disabled class="btn btn-default">DOWNLOAD</button>
  </div>

</form>
这是我的工作javascript:

var workers = ["86", "Altis", "Avanza", "Altis", "Camry", "Fortuner", "FJ Cruiser"
            , "Hiace", "Hilux", "Innova", "LandCruiser", "Prado", "Previa", "PriusC"
            , "Rav4", "Vios", "Yaris"];
        for(var i=0; i< workers.length;i++)
        {
        //creates option tag
          jQuery('<option/>', {
                value: workers[i],
                html: '2017' + ' ' + workers[i] + ' ' + '&#174;'
                }).appendTo('#select-vehicle select'); //appends to select if parent div has id dropdown
        }
          $('button').click(function(event) {
            var value = $( "select" ).val();
            $('form').attr('action', '../../vehicles/' + value +'/');
          });

        $('select').change(function(){
          if ($(this).val())
          {
            $("button").removeAttr('disabled');
          }
        });
我想传递这个$'form'.attr'action','../../vehicles/'+value+'/';下载到PDFObject,以便它查找正确的文件名以下载文件。

下载PDF:

PDFObject用于在页面中嵌入pdf。要下载pdf,您只需转到该pdf,但需要pdf文件名。您不显示pdf文件的名称,因此这里有一个示例,如果文件名与select

$('button').click(function(e) {
    e.preventDefault();
    var value = $('select').val();
    window.open('../../vehicles/' + value + '/' + value + '.pdf','_blank');
});
嵌入PDF:

如果您想使用PDFObject将该pdf嵌入页面,则此选项不需要表单,只需选择,首先在html中创建一个容器来保存该pdf

<div id="vehiclepdf"></div>

我有两个问题1-文件名看起来像什么2-页面中有多少个选项+forms@Tarek.Eladly看我的剧本。workers数组这是选择。获取此错误资源解释为文档,但使用MIME类型应用程序/pdf传输:您正在尝试、下载或嵌入什么选项?在用户单击pdf后,如何传递以创建新的pdf网页?。它工作,但它出现在下面?你在尝试什么选项,下载或嵌入?下载,我让它出现在完整的浏览器。有一个问题我不想离开这一页。我想为pdf创建一个新窗口。当用户单击
$('button').click(function(e) {
    e.preventDefault();
    var value = $('select').val();
    PDFObject.embed('../../vehicles/' + value + '/' + value + '.pdf',"#vehiclepdf");
});