0

これは、選択ボックスの 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 '

4

2 に答える 2

5

代わりにこれを試してください (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 の画像がないように見えるため、2 番目のオプションは何も変更しないことに注意してください。)

于 2013-09-01T21:34:37.403 に答える