Question

我正在尝试使用javascript将图像存储在数组中。我还想将该数组中的每个图像分配给下拉列表中的选项。图像位于不同的服务器上。

无论我尝试什么，我的功能都不起作用。有人可以帮帮我吗？

P.S - 在这种情况下，我只允许使用javascript（作业：/），我必须使用数组来存储图像。

HTML code：

<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];

如何将图像存储在数组（javascript）中？

1 个答案: