ドロップダウンメニューオプションから表示する画像を設定するにはどうすればよいですか？

Question

私はあなたが見たいムービーを選択するとムービーポスターを表示するフォームを作ろうとしています。私は関数を書いたが、私はjavascriptには新しく、何かが正しく動作していない。

ありがとうございました。

JS

function setMovie() { 
    var img = document.getElementById("movimg"); 
    var value = img.options[img.selectedIndex].value; 
    var selected = document.getElementById("selectedMovie"); 
    selected.src = this.value; 
    return false; 
} 
document.getElementById("movieList").onChange = setMovie(); 

あなたはmovieList、ありませんでしたIDを参照し、HTML

<select id="movimg" onChange="setMovie(this)"> 
    <option value="null.png">Select a movie!</option> 
    <option value="bvs.jpg">Batman vs. Superman</option> 
    <option value="tjb.jpg">The Jungle Book</option> 
    <option value="tgf.jpg">The Godfather</option> 
    <option value="tpb.jpg">The Princess Bride</option> 
    <br> 
</select> 
<img src="" id="selectedMovie" /> 

Answer 1

。関数内でfalseを返す必要もありませんでした。

var select_box = document.getElementById("movimg"), 
 
    image_box = document.getElementById("selectedMovie"); 
 

 
function setMovie() { 
 
    var value = select_box.options[select_box.selectedIndex].value; 
 
    image_box.src = this.value; 
 
} 
 

 
select_box.addEventListener("change", setMovie);

<select id="movimg"> 
 
     <option value="null.png">Select a movie!</option> 
 
     <option value="bvs.jpg">Batman vs. Superman</option> 
 
     <option value="tjb.jpg">The Jungle Book</option> 
 
     <option value="tgf.jpg">The Godfather</option> 
 
     <option value="tpb.jpg">The Princess Bride</option> 
 
</select> 
 
<img src="" id="selectedMovie"/>

Answer 2

あなたはこれにあなたの機能を変更することができます。

function setMovie(){ 
    document.getElementById("selectedMovie").src = document.getElementById("movimg").value; 
    }