jquery - 根据选择框中的选项值更改图像的 src 值

Question

我有一个 img 标签和一个选择框

<img src="" name="image-swap">

<select name="kitchen_color" id="kitchen_color">
    <option value="/static/imag1.jpg">Red</option>
    <option value="/static/imag2.jpg">Black</option>
    <option value="/static/imag3.jpg">White</option>

</select>

我需要根据选择框值更改 img 标签的 src 值。

如果我选择选项 RED，则选项 Red(/static/imag1.jpg) 的值应填充图像的 src。

并选择第一个选项值作为默认图像。

Answer 1

$(document).ready(function(){
   $("#kitchen_color").change(function(){
     $("img[name=image-swap]").attr("src",$(this).val());

   });

});

使用上面的代码。