select框动态添加选项

Posted 2020-10-04 丨逸仙

$.ajax({
    url : "${staticServer }/ywgl/zkpzgl/zkfkgl/showBillType.htm",    //ajax请求路径
    type : "post",　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　//请求方式
    data : "",　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　//请求时发送的数据
    async:true,　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　//是否异步
    dataType : "json",　　　　　　　　　　　　　　　　　　　　　　　　　　//数据格式
    success : function(r){　　　　　　　　　　　　　　　　　　　　　　　//访问成功时调用的方法(其中r时是返回的数据)
        var str="<option value=‘‘></option>";　　　　　　　　　　　//select框第一个选项为空，这样不选择的时候就是空（null）
        for(var i=0;i<r.length;i++){　　　　　　　　　　　　　　　　//将数据循环插入select框中
            str+="<option value="+r[i].typesId+">"+r[i].aliasName+"</option>";
        }
        $("#selBillType").html(str);　　　　　　　　　　　　　　　//‘selBillType’是select框的id，这句是将拼接的选项写入到select框中
     }
});