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

17 篇文章 0 订阅
5 篇文章 0 订阅
//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
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值