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

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

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

回答:


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

});

以上是 使用JavaScript根据下拉菜单更改图片。 的全部内容, 来源链接: utcz.com/qa/410940.html

回到顶部