动态添加下拉框数据

    今天写页面时，遇到下拉框需要动态添加数据，百度了一下（呵呵），方便以后使用，并总结如下：

注意：使用的是jquery的东西，需要引入jquery的js

//方式1

function addData1(){
    //清空下拉选中的数据
    $("#resType").empty();

    $("#resType").append("<option value='1'>aaaaaa</option>");
    $("#resType").append("<option value='2'>bbbbbb</option>");
}

//方式2

function addData2(){
    //清空下拉选中的数据
    $("#resType").empty();

    // 创建option对象  <option value="id" >name</option>    
    // document.createElement("option");
    var $pOption = $("<option></option>");
    
    // document.setAttribute("value","1");
    $pOption.attr("value","1");
    
    //innerHTML = "pname";
    $pOption.html("pname");
    
    //将拼装好的option 插入到下拉选中
    $pOption.appendTo("#resType");
}

方式2如果有多个option，可以创建多个option对象，并插入到下拉选中

注意：每次添加之前一定要清空下拉选中的数据 $("#resType").empty();