Question

我想更改带有下拉框的页面上正在查看的PDF，该下拉框包含可能的PDF文件的列表。我已经附加了所有内容，下拉菜单也可以正常工作，并且脚本可以看到要切换到的正确PDF文件路径，但是在将要切换到的文件路径与实际的PDF查看器连接时出现了问题。在这方面的任何帮助都是值得的。

此外，在调整浏览器窗口大小时如何缩放PDF查看器？

我尝试切换pdf_container div中定义的内容以引用正在分配的脚本变量，并且我可以看到脚本变量正在接收我期望的值。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta name="keyword" content="">
<title>PDF Viewer</title>
<link rel="stylesheet" href="./css/style.css">
<link rel="shortcut icon" type ="image/png" 
href="./img/favicon.png">
</head>
<body>
<header>
  </header>
  <section id="results">
    <div class="bullet_container">
      <select id="pdfSwitch" onchange="setPDF();">
        <option value="./data/pdf/One Note/OneNote Syncing fix.pdf">Option 1</option>
        <option value="./pdf/PDF2">Option 2</option>
        <option value="./pdf/PDF3">Option 3</option>
      </select>
    </div>
  </section>


  <div id="title">
      <h1> Title for PDF </h1>
  </div>

  <section id="pdf_container">
      <div class="container">
          <div class="pdf_container">
              <object data="value.pdf" type="application/pdf" width="1000" height="1000">
              <p>Alternative text - include a link <a href="./data/pdf/PDF1.pdf">to the PDF!</a></p>
              </object>
      </div>
     </div>
   </section>

<script>
function setPDF() {
    var pdf = document.getElementById("pdfSwitch");
    var value = pdf.options[pdf.selectedIndex].value;
    alert(value);

}
</script>

<footer>
    <h2> Copyright </h2>
</footer>

我的目标是将PDF指向一个文件路径，该文件路径由下拉菜单中的任何选项定义，以提供给我拥有的PDF查看器并显示出来。相反，它不会从下拉菜单中显示任何内容，但我确实知道该脚本正在获取应有的文件路径，但无法将其传递给PDF查看器。

通过下拉菜单更改PDF

0 个答案: