在下拉菜单中列出链接到这些文件的文件

时间:2019-02-05 14:09:14

标签: javascript php dropdown

我希望出现一个下拉菜单,其中列出了我在目录中拥有的所有PDF文件,并使每个条目都可单击,从而链接到特定文件。

我已经尝试了很多,实际上显示了列出的PDF的下拉菜单,但是当我尝试在其旁边添加一个Button来打开包含PDF文件的新页面时,但是单击它时,什么都不会发生全部

<select name="PdfFile" id="target" class="pdfliste">
<option value="">- Wähle Datei -
<?php 
$dirPath = dir('beispiel');
$imgArray = array();
    while (($file = $dirPath->read()) !== false)
{
   $imgArray[ ] = trim($file);
}
$dirPath->close();
sort($imgArray);
$c = count($imgArray);
for($i=0; $i<$c; $i++)
{
    echo "<option value=\"" . $imgArray[$i] . "\">" . $imgArray[$i] . "\n";
}

?>
</select>
    <input type="button" class="button-spec" value="Visit Link!"
         onclick="goToNewPage(document.dropdown.PdfFile)">';

JAVASCRIPT

function goToNewPage() {
  if(document.getElementById('target').value) {
    window.location.href = document.getElementById('target').value;
  }
}

1 个答案:

答案 0 :(得分:0)

我现在发现了两件事:

  1. 您的HTML Option标记未关闭

echo "<option value=\"" . $imgArray[$i] . "\">" . $imgArray[$i] . "</option>\n";

  1. onClick按钮上的Javascript错误

<input type="button" class="button-spec" value="Visit Link!" onclick="goToNewPage()">

现在您可以选择一个文件,单击按钮并重定向。

有关更多信息,请点击此处: 首先,选项标签没有关闭(可能是由浏览器自动关闭的),但是您在一个HTML标签中有file1,file2等。 (没有区别,因为我在没有封闭的选项标签的情况下进行了测试)

如果要对文件名使用onclick,则需要更正函数以获取输入,lemme会为您提供示例: <input type="button" class="button-spec" value="Visit Link!" onclick="goToNewPage(document.getElementById('target').value)">

function goToNewPage(newPageUrl){window.location.href = newPageUrl;}

希望这会有所帮助:)