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

前端之家收集整理的这篇文章主要介绍了jQuery onchange / onfocus选择框显示图像?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要一些帮助找到一个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>

有没有人遇到过这样的事情?我试着搜索它没有用

谢谢!

解决方法

我不知道你需要一个插件来处理这个问题:
$(document).ready(function() {
    $("#image").change(function() {
        var src = $(this).val();

        $("#imagePreview").html(src ? "<img src='" + src + "'>" : "");
    });
});
原文链接:https://www.f2er.com/jquery/176118.html

猜你在找的jQuery相关文章