基础

结构

<select id="HouXuanRen" name="Team" >
    <option >达文西</option>
    <option >史泰利</option>
    <option >闻晶明</option>
</select>

样式

行为

window.onload = function () {

    function setValue(aDiv) {
        for(var i= 0,l=aDiv.length;i<l;i++) {
            aDiv[i].value = i;
        }
    }
    function  sel(parentId) {
        var oParentId = document.getElementById(parentId);
        var aOption = oParentId.getElementsByTagName("option");
        setValue(aOption);
        oParentId.onchange = function () {
            var index = parseInt(this.value)+1;
            document.body.style.backgroundImage = "url(http://img1.mm131.com/pic/1472/"+index+".jpg)";
        }
        oParentId.onchange();
    }

    sel("HouXuanRen");
}