javascript - Javascript不会改变背景图片

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 + ')";
}

When the option Skin 1is selected for example, I wanna change the background of my page. 但是当我点击它时，任何事情都会发生。任何想法？

正确的图片链接是：' 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 示例（请注意，第二个选项不会更改任何内容，因为您似乎没有该 URL 的图像。）

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