有人能告诉我当用户选择不同的选项时如何用JS改变图像吗？例如，对于紫色，图像源是“images/purple.jpg”
<select id="guitar-color">
<option value="normal" id="normal-color">Normal</option>
<option value="purple" id="purple-color">Purple</option>
<option value="black" id="black-color">Black</option>
<option value="red" id="red-color">Red</option>
<option value="blue" id="blue-color">Blue</option>
</select>
<img src="images/normal.jpg" id="img-color">
可能是这样的（图像看起来是坏的，但如果检查代码，它会更改url）：
null
function changeImage(element) {
document.querySelector("#img-color").src="images/"+element.value+".jpg"
}<select id="guitar-color" onChange="changeImage(this);">
<option value="normal" id="normal-color">Normal</option>
<option value="purple" id="purple-color">Purple</option>
<option value="black" id="black-color">Black</option>
<option value="red" id="red-color">Red</option>
<option value="blue" id="blue-color">Blue</option>
</select>
<img src="images/normal.jpg" id="img-color">