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

Когда параметр 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 (обратите внимание, что второй вариант не меняет ничего, как вы не» t, похоже, имеет изображение для этого 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; 
}