Question

这是选择框的HTML代码：

<select>
 <option onclick="bg('1.png');">Skin 1</option>
 <option onclick="bg('2.png');">Skin 2</option>
</select>

在这里你看到了函数：

function bg(num) {
 document.body.style.backgroundImage="url('http://mk7vrlist.altervista.org/backgrounds/' + num + ')";
}

例如，当选择选项Skin 1时，我想要更改页面的背景。但是当我点击它时，任何事情都会发生。有什么想法吗？

正确的图片链接为：“http://mk7vrlist.altervista.org/backgrounds/1.png”

Answer 1

试试这个（不需要jQuery）：

<select onchange="bg(this[this.selectedIndex].value)">
    <option value="1.png">Skin 1</option>
    <option value="2.png">Skin 2</option>
</select>

function bg(num) {
    document.body.style.backgroundImage = "url(http://mk7vrlist.altervista.org/backgrounds/" + num + ")";
}

jsFiddle example （请注意，第二个选项不会更改任何内容，因为您似乎没有该网址的图片。）

Answer 2

<select onchange="bg(this[this.selectedIndex].value)">
    <option value="1.png">Skin 1</option>
    <option value="2.png">Skin 2</option>
</select>

function bg(num) {
    var img = "http://mk7vrlist.altervista.org/backgrounds/" + num + ".png";
    var url = "url(" + img + ")"
    document.body.style.backgroundImage = url;
}

Javascript不会更改背景图片

2 个答案: