Question

如何让htmljavascript根据selectValue更换背景图片

function myfun(){
var setbgi=window.document.getElementsByTagName("option");
var setbgi=option();
setbgi(1).style.background="url(images/a1.png)";}

<select size="1">
<option value="1">春</option>
<option value="2">夏</option>
<option value="3">秋</option>
<option value="4">冬</option>
</select>
返回值是1234,图片名分别是a1a2a3a4。
Javascript该怎么写...

Answer 1

<div id="bg">假如这个是用来设置bg的Dom</div>
<select size="1">
<option value="1">春</option>
<option value="2">夏</option>
<option value="3">秋</option>
<option value="4">冬</option>
</select>

//script部分
window.onload = function(){
    var selectDom = document.getElementsByTagName('select')[0];
    selectDom.onchange = function(){
        var val = this.value;
        setBg(val);
    };
    function setBg(val){
        var bgDom = document.getElementById('bg');
        bgDom.setAttribute('style', 'background:url("images/a' + val + '.png")');
    };
};