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

来源：互联网发布：java面试葵花宝典2015 编辑：程序博客网时间：2024/05/17 15:59

//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 + " <input type='radio' name='radio3' value='"+getBkzy[i].xtzyh+"'/>"+ getBkzy[i].zymc +"("+ getBkzy[i].zyfxmc + ")" ;
}else{
value = value + " <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>  ");
});
},
error:function(result){
},
async:false
});
}

0 0