基础 - 下拉菜单

结构

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

基础 - 下拉菜单

原文：http://www.cnblogs.com/WeWeZhang/p/5731401.html