Html 将图像链接到下拉列表中的值

我现在有一个下拉列表，其中有一些值，我想知道是否有可能在下拉列表旁边有一个图像，该图像会根据下拉列表中的值进行更改？ 这是我下拉列表的代码。如果您需要更多信息，请询问

<form id="formddl">
            <a id="infoheader">GreenB Colour</a> <br><br>
            <div class="header">
                <select>
                    <option value="0">Ivory White</option>
                    <option value="1">Carbon Black</option>
                </select>
            </div>   <br><br>       

            <script src="fancystyle1/js/jquery.simple.select.js"></script>
            <script type="text/javascript">
                $(function() {
                    $('select').selectBoxes();  
                });             
            </script>
        </form>

绿色B颜色


乳白色
炭黑



$（函数（）{
$（'select'）。selectbox（）；
});             

您可以这样做：

$（“#iama”）.children（）。单击（函数changeImage（））{
var值=$（“#iama选项：已选定”）.val（）；
如果（值==1）{
$（“#图像”）.attr（“src”http://lorempixel.com/400/200/");
}
否则{
$（“#图像”）.attr（“src”http://lorempixel.com/600/200/");
}
})

值为1的图像
另一个值的图像

看这里：谢谢！这应该会有所帮助：）