Перечисление файлов в выпадающем меню со ссылками на

Question

Я хочу, чтобы появилось раскрывающееся меню, в котором перечислены все PDF-файлы, которые у меня есть в каталоге, и которые делают каждую запись кликабельной, ссылаясь на конкретный файл.

Я уже много пробовал, и раскрывающееся меню сПеречисленные PDF-файлы действительно отображаются, но когда я попытался добавить кнопку рядом с ней, чтобы открыть новую страницу с файлом 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;
  }
}

Answer 1

Теперь я нашел две вещи:

1. Ваш HTML-тег Option не был закрыт

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

Javascript на кнопке onClick оказался неправильным

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

Теперь вы можете выбрать один файл, нажать на кнопку и получить перенаправление.

Дляздесь больше информации: сначала теги опций не были закрыты (возможно, автоматически браузером), но у вас был файл1, файл2 и т. д. в одном теге HTML.(без разницы, поскольку я тестировал его без тегов закрытых опций)

Если вы хотите использовать onclick с именем файла, вам нужно исправить свою функцию, чтобы она получала ввод, позвольте мне дать вампример для этого: <input type="button" class="button-spec" value="Visit Link!" onclick="goToNewPage(document.getElementById('target').value)">

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

Надеюсь, это поможет:)