jQuery onchange/onfocus选择框以显示图像?

问题描述：

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

I need some help finding a jQuery plugin which will allow me to display an image preview from a select list of images - 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>

有人遇到过这样的事情吗?我尝试搜索它无济于事.

Has anyone come across something like this? I've tried searching for it to no avail..

谢谢！

答

我不确定您是否需要插件来处理此问题:

I'm not sure you need a plugin to deal with this:

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

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

jQuery onchange/onfocus选择框以显示图像?

相关推荐