選択ボックスからオプションを選択したときにローカルサーバーから画像を変更する

Question

選択ボックスがあり、選択ボックスからオプションを選択してブラウザで画像を変更したいが、コードにすべての画像を書きたくない。あなたが下のコードを理解していない場合 -

上記は私のHTMLですが、私はそれがJavaスクリプトであるか分からない。私はちょうど私が選択ボックスからオプションを選択するたびに、画像が変更される必要があり、私のローカルシステムからピックアップされ、古いものを置き換えることを望む。 可能ですか？私はばかな質問をしているだけですか？ 実際に私のプロジェクトでこれをしたい、誰か助けてください。 おかげ

Answer 1

HTML：

<select id="select"> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
</select> 

Javascriptを：

document.getElementById('select').onchange = function(){ 
    document.querySelectorAll('#myImg img')[0].src = '/images/' + this.value + '.jpg'; 
}; 

Answer 2

<select name="select_image" id="select_image" onchange="setImage(this);"> 
    <option value="https://www.google.ru/images/srpr/logo4w.png">Google</option> 
    <option value="http://yandex.st/www/1.645/yaru/i/logo.png">Yandex</option> 
    <option alue="http://limg.imgsmail.ru/s/images/logo/logo.v2.png">Mail</option> 
</select> 
<img src="https://www.google.ru/images/srpr/logo4w.png" name="image-swap" /> 

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