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

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

  Red Black White  

我需要根据选择框值更改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()); }); }); 

使用上面的代码。

Answer 2

在选择列表中使用更改function

 $('#kitchen_color').change( function() { $("#imgid").attr("src","new src value"); }); 

Answer 3

您可以将onchange事件设置为select 。

  Google Yandex Mail 
  

使用Javascript：

 function setImage(select){ var image = document.getElementsByName("image-swap")[0]; image.src = select.options[select.selectedIndex].value; } 

那里的例子

Answer 4

 try this   Red Black White  $(document).ready(function(){ $('.image-swap').attr("src",$('#kitchen_color').val()); }) function change_image(){ $('.image-swap').attr("src",$('#kitchen_color').val()); }