动态添加下拉框数据

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

注意:使用的是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();



阅读更多
换一批

没有更多推荐了,返回首页