どのように1つの配列（JavaScript）の画像を格納することができますか？

Question

javascriptを使用してイメージを配列に格納しようとしています。また、その配列からの各イメージをドロップダウンリストのオプションに割り当てる必要があります。イメージは異なるサーバーにあります。

私が試しても機能が動作しません。誰かがこれで私を助けてくれますか？

P.S - この場合、javascript（宿題：/）のみを使用することができ、画像を保存するには配列を使用する必要があります。

HTMLコード：

<form action="#" method="get" accept charset="utf-8"> 

<select id="car"> 

<option> BMW </option> 
<option> Mercedes </option> 
<option> Audi </option> 
<option> VW </option> 

</select> 

<input type="button" value="select" onclick="myFunction();"> 

</form> 

Javascriptコード：

function myFunction() { 

var pictures = new Array(); 

pictures[0] = "https://pixabay.com/p-848904/?no_redirect"; 
pictures[1] = "http://www.pruebas.pieldetoro.net/web/MERCEDES/DOSSIERES/w115/8-1.jpg"; 
pictures[2] = "https://pixabay.com/p-1203738/?no_redirect"; 
pictures[3] = "https://cdn.pixabay.com/photo/2015/11/13/13/45/vw-beetle-1042002_960_720.jpg"; 

var index = document.getElementById('car').selectedIndex; 

document.images[0].src="https://pixabay.com/p-848904/?no_redirect" + pictures[index] + ".jpg"; 

}

は、あなたの答えをありがとう！

Answer 1

このコードは動作するはずです：

function myFunction() 
{ 
    var pictures = [ 
     "https://pixabay.com/p-848904/?no_redirect", 
     "http://www.pruebas.pieldetoro.net/web/MERCEDES/DOSSIERES/w115/8-1.jpg", 
     "https://pixabay.com/p-1203738/?no_redirect", 
     "https://cdn.pixabay.com/photo/2015/11/13/13/45/vw-beetle-1042002_960_720.jpg" 
    ]; 
    var index = document.getElementById('car').selectedIndex; 
    document.getElementById('img1').src = pictures[index];