js动态生成下拉列表

经常需要用到js动态生成下拉列表的功能，记录下来备用。

示例需求：通过ajax请求，从后台获取用户姓名列表，并添加到下拉列表中。js代码如下：

function getNameList(){
//如果是类似三级联表的功能，则需在刚开始是对下拉列表进行初始化，如：
    $("#nameList").html("<option value='0'>请选择姓名</option>");
    $.getJSON(url+"getNameList",{},function(result){
        if(result.errcode == 0){
            var jsonNameList = eval(result.data.list);
            
            if(jsonNameList==""){
                $("#nameList").html("<option value='0'>没有数据</option>");//如果没有数据，则把下拉列表的第一条记录显示为“没有数据”
            }else{
                //循环，把名字append到namaList列表上
                for(var i=0;i<jsonNameList.length;i++){
                    var o = document.createElement("option");
                    o.value = jsonNameList[i].Id;
                    o.text = jsonNameList[i].name;
                    $("#nameList").append(o);
                }    
            }
        }else {
            alert(result.info);
        }
    });
}