Javascript 显示所选选项中的图像

我有一个通过PHP生成的选项列表，其中列出了一个文件夹中的所有图像。我想这样做，当我在选项列表中选择一个图像时，图像将显示在上面，作为您所选内容的预览，我如何做到这一点

<img class="imageNews" />
    <br />
    <br />
    <select name="image" id="image" class="form-control">
        <?php
            $files = array_map("htmlspecialchars", scandir("ts"));
            foreach ($files as $file) {
            echo '<option value="'.$file.'" onblur="imageUpdate();">'.$file.'</option>';
            }
        ?>
                    <script type="text/javascript">
            function imageUpdate(){
            var image=$("select#image").val();
            var path="ts/";
            var src=$("img.imageNews").attr({
            src: path + image,
            title: "Image",
            alt: "Image"
            });
            };
            </script>
    </select><br />

---

当它变得模糊时，什么也不会发生，但如果我打开控制台并键入“imageUpdate（）；”，它会显示图像。

我会将事件附加到选择并使用onchange而不是onblur。我不认为你可以选择举办这个活动

---

首先，您需要打开一个编辑器并编写一些代码。或者，如果你这样做了，在你的问题中发布它。安装升华文本并尝试写作something@Derek朕會功夫 现在我添加了一些代码

<img class="imageNews" />
<br />
<br />
<select name="image" id="image" class="form-control" onChange="imageUpdate();">
    <option value="http://placekitten.com/200/300">http://placekitten.com/200/300</option>
    <option value="http://placekitten.com/100/300">http://placekitten.com/100/300</option>
    <option value="http://placekitten.com/100/100">http://placekitten.com/100/100</option>
    <option value="http://placekitten.com/20/100">http://placekitten.com/20/100</option>
</select>

function imageUpdate() {
    var image = $("select#image").val();
    var path = "ts/";
    var src = $("img.imageNews").attr({
        src: path + image,
        title: "Image",
        alt: "Image"
    });
}