不拼接代码动态加载下拉框

本来是通过ajax请求返回下拉框数据，然后通过代码拼接的方法来达到异步加载的功能，

$.ajax({
    url : "cert/search/getCertPolicyByAppId.htm",
    type : "POST",
    data : param,
    datatype : "json",
    success : function(e) {
        var data = JSON.parse(e);
        var option = "<option value=''>-----请选择证书策略-----</option>";
        for (var i = 0; i < data.length; i++) {
            if(data[i].policyId==$("#selectCertPolicy").val()){
                option += "<option value="+data[i].policyId+" selected>" + data[i].name + "</option>";
            }else{
                option += "<option value="+data[i].policyId+">" + data[i].name + "</option>";
            }
        }
        $("#certPolicySelect").html(option);
    },
    error :function(e){
        alert(e);
    }
});

但是因为一些历史原因和开发流程的问题，公司开发规范禁止使用这种方法。所以采用

$.ajax({
    url : "cert/search/getCertPolicyByAppId.htm",
    type : "POST",
    data : param,
    datatype : "json",
    success : function(e) {
        var data = JSON.parse(e);
        var option = null;
        for (var i = 0; i < data.length; i++) {
            if(data[i].policyId==$("#selectCertPolicy").val()){
                option = new Option(data[i].name, data[i].policyId, true ,true);
            }else{
                option = new Option(data[i].name, data[i].policyId, false);
            }
            document.getElementById("certPolicySelect").options.add(option);
        }
    },
    error :function(e){
        alert(e);
    }
});

Option有四个参数

默认参数列表

HTMLOptionElement.prototype.text="";
HTMLOptionElement.prototype.value="";
HTMLOptionElement.prototype.defaultSelected=false;
HTMLOptionElement.prototype.selected=false;