使用JavaScript根据下拉菜单更改图片。

小编典典

使用JavaScript根据下拉菜单更改图片。

css

我是javascript的初学者，我想根据下拉菜单中的选项更改图像（选择），但是遇到一些问题。

在本教程中，如果要使用代码，它们将用您要使用的图片文件名替换iljbild，因为图片文件的名称必须与示例中的类型相同，即唯一区分文件的应该是数字，例如pict0.gif，pict2.gif等。如果使用的是jpg图片，则必须用jpg替换gif。设置图像的宽度和高度，如果在选择列表中更改单词的长度，则还必须更改charAt之后的数字（此处为8）

阅读 442

2020-05-16

共1个答案

小编典典

src="http://lorempixel.com/400/200/sports/1" />

var pictureList = [
    "http://lorempixel.com/400/200/sports/1",
    "http://lorempixel.com/400/200/sports/2",
    "http://lorempixel.com/400/200/sports/3",
    "http://lorempixel.com/400/200/sports/4",
    "http://lorempixel.com/400/200/sports/5", ];

$('#picDD').change(function () {
    var val = parseInt($('#picDD').val());
    $('img').attr("src",pictureList[val]);
});

2020-05-16