jQuery onchange/onfocus选择框来显示图像？

Question

我需要一些帮助来找到一个jQuery插件,它允许我从选择的图像列表中显示图像预览 - onfocus/onchange ..

例:

<select name="image" id="image" class="inputbox" size="1">
   <option value=""> - Select Image - </option>
   <option value="image1.jpg">image1.jpg</option>
   <option value="image2.jpg">image2.jpg</option>
   <option value="image3.jpg">image3.jpg</option>
</select>

<div id="imagePreview">
   displays image here
</div>

有没有人遇到这样的事情？我试过寻找它无济于事..

谢谢!

Answer 1

我不确定你需要一个插件来处理这个问题:

$(document).ready(function() {
    $("#image").change(function() {
        var src = $(this).val();

        $("#imagePreview").html(src ? "<img src='" + src + "'>" : "");
    });
});