從填充選項的下拉列表中選擇項目

Question

我有以下代碼來獲取文件名並將其添加到下拉列表中：

<?php
$dir = "uploads";
$dh = opendir($dir);
echo "<select name=case>"; 
while (($file = readdir($dh)) !== false) {
    $ext = strtolower(pathinfo($file, PATHINFO_EXTENSION));
    $name = (pathinfo($file, PATHINFO_FILENAME));
    if ($file != "." && $file != ".." && $ext == "jpg") 
    {
        echo "<option value=".$dir."/".$file .">" . $name . "</option>"; 
    }
}
echo "</select>"; 
closedir($dh);
?>

現在，我想添加一個提交按鈕，並在同一頁面的下拉列表中打印所選項目的文件路徑（ 值 ）。

Answer 1

1. 向您的<select>元素添加ID：

    echo "<select id='selCase' name='case'>"; 

2. 插入將包含所選值的元素

    // After closedir($dh); echo "<div id='divOut'></div>"; 

3. 插入一段JavaScript：

    document.addEventListener("ready", function () { document.getElementById("selCase").addEventListener("change", function () { var val = this.options[this.selectedIndex].value; document.getElementById("divOut").innerHTML = val; }); }); 

但我建議您閱讀有關JavaScript開發的網站/書籍/教程！