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

  • Z时代
  • 2024-01-10
  • 分类：问答

我是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

回到顶部