从Switch Function显示实际图像而不是URL文本

Question

我一直在处理一个脚本并且几乎让它工作，除了我需要div（id）来显示实际图像而不仅仅是图像的URL。

您可以在this JSFiddle中看到它。

另外，我想显示一个背景图像以显示为默认图像...然后一旦选择输入，图像就会改变背景图像。

以下是生成网址

的脚本部分

$('#show_image_text').html(image_name); // Put the image URL
    $('#show_image').html(image_name); // Put the image value in the formula image field src.
});

以下是我想要显示图片的div。可能需要为width，height和background-image

设置样式

<div id="show_image"></div>

Answer 1

尝试使用：

$('#show_image').html("<img src='" + image_name + "' />");

而不是：

$('#show_image').html(image_name);

Answer 2

按如下方式更改您的代码：

$('#show_image').css('background-image',"url('"+image_name+"')");

此外，div [{1}}没有设置任何高度，因此除非您明确设置高度，否则图像将不可见

#show_image

更新JSFiddle