本文介绍了jQuery onchange/onfocus 选择框来显示图像?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我需要一些帮助来找到一个 jQuery 插件,它允许我从选择的图像列表中显示图像预览 - onfocus/onchange..
示例:
<选项值="">- 选择图像 - </option><option value="image1.jpg">image1.jpg</option><option value="image2.jpg">image2.jpg</option><option value="image3.jpg">image3.jpg</option></选择><div id="imagePreview">在此处显示图像
有人遇到过这种情况吗?我试过搜索它无济于事..
谢谢!
解决方案
我不确定你是否需要一个插件来解决这个问题:
$(document).ready(function() {$("#image").change(function() {var src = $(this).val();$("#imagePreview").html(src ? "<img src='" + src + "'>" : "");});});
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..
Example:
<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..
Thank you!
解决方案
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 选择框来显示图像?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!