變化圖像基礎上下拉選項

Question

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

展望能夠動態改變基礎上，選擇選項下拉菜單的圖像用「主要的ID 「

我碰到這個代碼，它發現文本不是選擇值，這正是我想要的。我只需要連接到圖像。

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'); 
});