基础 - 下拉菜单

结构

<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 () {            console.log(this.value);        }    }

    sel("HouXuanRen");}