Javascript jQuery下拉菜单图像更改

我得到了一个下拉菜单来修改。我在html部分中看到了这一点：

<h1>Configure Your GT Super Sportscar</h1>
<form id = "sport" action="">
<table width = "35%" border = "2">
<tr><th colspan = "2">Choose a Colour</th></tr>
<tr><td>
<select id = "Colour" size = "5">
<option value='0'>Black</option>
<option value='1'>Blue</option>
<option value='2'>Red</option>
<option selected="selected" value='3'>Silver</option>
<option value='4'>White</option>
</select></td>
<td><img id = "carimage" src="images/silver.jpg" alt="Car model" ></td></tr>
</table>
</form>

当我点击下拉菜单中的红色选项时，汽车的图片或颜色需要改变，我不知道该怎么做

请帮助。

您可以试试这个：

$('#Colour option').click(function(){
    $('#carimage').attr('src','images/' + $(this).text().toLowerCase() + '.jpg');
})

---

最好使用

.change（）

，这样你就不必担心是用鼠标还是键盘进行选择了。我有一个经验，在所选选项上使用

change（）

似乎不起作用。它不会在选项上启动，而是在选择上启动。我不记得看到的只是“不工作”。你能详细说明这一点吗？

$('#Colour option').click(function(){
    $('#carimage').attr('src','images/' + $(this).text().toLowerCase() + '.jpg');
})