画像の変更のためのhtmlのドロップダウンリストボックスの操作

Question

私はHTMLページのドロップダウンリストボックスを使用しています。ドロップダウンリストボックスから各項目の選択のイメージを変更したい。また、私はtempなどの項目の数を含む1つの配列を使用していると私はラベルを変更し、ドロップダウンリストボックスの各項目の選択にも画像を変更する1つのラベルを使用しているその一時的な表示です。

どうすれば可能ですか？

Answer 1

私は私が正しくあなたを理解していれば知っているが、ここではjQueryを使用したサンプルではありません。http://jsfiddle.net/ZFpQh/7/

HTML

<select id="selector"> 
    <option value="1">Product #1</option> 
    <option value="2">Product #2</option> 
    <option value="3">Product #3</option> 
    <option value="4">Product #4</option> 
</select> 


<div> 
    <span id="prod-title"></span> 
</div> 
<div> 
    <img id="prod-image" src="someimage.png" /> 
</div> 

javascriptの

var data = { 
    "1" : { img: "1.png", label: "1" }, 
    "2" : { img: "2.png", label: "2" }, 
    "3" : { img: "3.png", label: "3" }, 
}; 

$('#selector').change(function() { 
    var value = $(this).val(); 
    if (data[value] != undefined) 
    { 
     $('#prod-image').attr('src', data[value].img); 
     $('#prod-title').text(data[value].label); 
    } 
});