jQuery的加载图像

Question

我试图根据所选择的，像这样以不同的图像加载到一个DIV：如果选择租车＃1 ES选项

<select> 
    <option value="mercedes">Car #1</option> 
    <option value="ferrari">Car #2</option> 
    <option value="fiat">Car #3</option> 
</select> 

，负载mercedes.jpg into <div id="car"></div>

任何想法??

非常感谢！

Answer 1

可以使用.change()事件处理程序，如下所示：

$("select").change(function() { 
    $("#car").html($("<img />", { src: $(this).val() + ".jpg" })); 
}); 

当值发生变化，这将创建一个新的<img>，设置它的源NEWVALUE.jpg和使用.html()到#car的内容设置为元素.html(element)是a shortcut for .empty().append(element)。