从填充选项的下拉列表中获取所选项目

【问题标题】：Get selected item from drop-down list where options filled从填充选项的下拉列表中获取所选项目
【发布时间】：2012-12-17 03:18:40
【问题描述】：

我有这段代码来获取文件名并将它们添加到下拉列表中：

<?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);
?>

现在我想添加一个提交按钮并从同一页面的下拉列表中打印所选项目的文件路径（值）。

【问题讨论】：

你应该引用你的属性，以防其中一个文件名中有空格。
so 添加表单，提交到同一个页面，你哪里有问题？
@minitech;感谢您的编辑。你是怎么做到的？
@Robertico：您只需将代码块缩进四个空格（但要确保前面有一个空行！）

标签： php

【解决方案1】：

将 ID 添加到您的 <select> 元素：

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

插入一个包含所选值的元素

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

插入 JavaScript 的 sn-p：

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

但是我建议您阅读有关 JavaScript 开发的网站/书籍/教程！

【讨论】：