Javascript 如何从php下拉菜单添加、选择和更新图像

我有一个php下拉菜单，当前不会更新并在做出选择时设置所选选项

它是从一个数据库中填充的，我希望能够获得所选选项的值，这样我就可以更新与姓名匹配的人物面部图片。我还需要知道如何将所选选项设置为仅为所选选项，而不是列表中的每个选项 这是我的

$SQL = "SELECT id, name, facePic FROM people";
echo "<option>Select one</option>";
$res = $db->query($SQL);
while($row = mysqli_fetch_array($res)){
    $name = $row['name'];
    $id = $row['id'];
    $img = $row['facePic'];
    echo "<option value=".$id.">".$name."</option>";
}
echo "</select>";

非常感谢您的帮助

顺便说一句，只要我的下拉列表仍然是从db填充的，我不介意我用php以外的东西来做

---

此外，我还计划在单独的div中播放img，但形式仍然相同

如果我正确理解了您的问题，您想根据下拉列表的值更新图片吗

如果是这样，那么您可以这样使用jQuery： 假设图像标签有一个id图像，图像名称的格式为id.jpg

var image_src = $("select").val();
$("#image").attr("src", image_src);

当然，如果您想使用在您的案例中显示给用户$name的实际值，那么就不要使用

$("select").val();

你需要使用

$("select option:selected").text(); 

---

不确定你打算用“facePic”做什么，因为我在你的输出中没有看到它。对于您的PHP：

echo "<option>Select one</option>";
$res = $db->query($SQL);
while($row = $res->fetch_assoc()){
    echo "<option value='{$row['id']}' pic='{$row['facePic']}'>{$row['name']}</option>\r\n";
}

---

})

请添加您的SQL查询。$SQL的值是多少？是否有任何特定的理由重复相同的值两次？如何知道用户选择了什么值？你在哪里/如何保存它？PedroLobito谢谢你指出回声我刚打错了扭曲我添加了sql查询Victory我不知道如何存储它我以为它应该以某种方式将selected添加到selected choice中，但不确定如何进行，除非我提交我的表单，我想等到它完成，谢谢你这么多，你把我放在正确的轨道上，我最终只是使用javascript，但没有这个答案，我不知道去哪里

$(function(){
  $("select").on("change", function(){
    $("#targetImage").attr("src", $(this).find("option:selected").attr("pic"));
  });