根据下拉选项更改图像

Question

  

可能重复：
  jQuery onchange/onfocus select box to display an image?

希望能够根据ID为“main”的选择选项下拉列表动态更改图像

我遇到了这个代码，它发现文本不是选择值，这正是我想要的。我只需要连接到图像。

alert( 'Text is: ' + $('#attribute119 :selected').text() ); 

图像格式如下

 <img src="mainimage.jpg" id="main">

如何根据表单更改时选择的选项名称动态更改图像？我的表格看起来像这样。

<form name="pds">
<select name="DropDownName" id="attribute119" >
<option value="0">Choose an option...</option>
<option value="2">blue</option>
<option value="3">green</option>
<option value="4">red</option>
</select>
</form>

图像将以此命名。

 "1232_blue.jpg, 1232_red.jpg,etc.". 

颜色名称后面是文件名

中的最后一个“_”

Answer 1

这应该这样做：

$('#attribute119').change(function () {
  $('#main').attr('src', '1232_' + $('#attribute119 :selected').text() + '.jpg');
});