ajax动态加载下拉框、单选框、复选框

//select下拉菜单动态加载
方式一:
$.ajax({
type:"get",
dataType:"json",
contentType:"application/json;charset=utf-8",
url:"url",
success:function(result){
$.each(result,function(index,value){

$("#id").append("<option value='"+value.yxdm+"'>"+value.yxmc>+"</option>");


})
},
error : function(XMLHttpRequest, textStatus, errorThrown) {
alert(errorThrown);
},
async:false //false表示同步
});
方式二:
$.ajax({


type:"get",
dataType:"json",
contentType:"application/json;charset=utf-8",
url:"url",
success:function(result){
$.each(result,function(i,n){
$("#id")[0].options.add(new Option(n.xykmmc,n.yxkmbh));
});
$("#id").get[0].selectedIndex = 0;
},
error : function(XMLHttpRequest, textStatus, errorThrown) {
alert(errorThrown);
},
async:false //false表示同步
});


//radio单选框动态加载


function getAjax(get_url){
$.ajax({
type:"get",
dataType:"json",
contentType:"application/json;charset=utf-8",
url:"url",
success:function(result1){
result = result1;
},
error:function(XMLHttpRequest,textStatus,errorThrown){
alert(errorThrown);
},
async:false
});
return result;
}


var url_bkzy = server_path + "/rest/zy/zzzs/"+y2;
var getBkzy = getAjax(url_bkzy); //获取JSON数据
var value = "";
for(var i = 0; i<getBkzy.length; i++){
if(i==0){
if(getBkzy[i].zyfxmc!=""&&getBkzy[i].zyfxmc!=null){
value = value + "<input type='radio' name='radio3' value='"+getBkzy[i].xtzyh+"' checked/>"+getBkzy[i].zymc+"("+getBkzy[i].zyfxmc+")";
}else{
value = value +"<input type='radion' name='radion3' value='"+getBkzy[i].xtzyh+"' checked/>"+getBkzy[i].zymc;
}
}else{
if(getBkzy[i].zyfxmc !="" && getBkzy[i].zyfxmc != null){
value = value + "&nbsp;<input type='radio'  name='radio3'  value='"+getBkzy[i].xtzyh+"'/>"+ getBkzy[i].zymc +"("+ getBkzy[i].zyfxmc + ")" ;
}else{
value = value + "&nbsp;<input type='radio'  name='radio3'  value='"+getBkzy[i].xtzyh+"'/>"+ getBkzy[i].zymc ;
}


}
$("#tjzy").html(value);
}
//checkbox动态加载


function loadYhzList(yhzSel, yhzurltemp){
    $.ajax({
        type:"get",
        dataType:"json",
        contentType:"application/json;charset=utf-8",
        url : yhzurltemp,
        success:function(result){
        $.each(result,function(index,value){
        yhzSel.append("<input id='yhzlist"+index+"' type='checkbox' value='"+ value.zbh +"'/><label for='checkbox"+index+"'>"+value.zjj+"</label>&nbsp;&nbsp;");
            });
        },
        error:function(result){
        },
        async:false
        });
    }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值