从填充选项的下拉列表中选择项目

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开发的网站/书籍/教程！