JS拼接json(动态添加选项和区块情形)

最新推荐文章于 2024-02-22 10:23:00 发布
最新推荐文章于 2024-02-22 10:23:00 发布
阅读量3.3k 收藏 3
点赞数 1
分类专栏： Java JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhouhaisunny/article/details/63686565
版权


1.页面代码

<script type="text/javascript">
	$(function(){
		var locationhref = location.href;
		if(locationhref.indexOf('?')!=-1){
			locationhref = locationhref.substring(locationhref.indexOf('?'));
			$("#locationhref").val(locationhref);
		}else{
			$("#locationhref").val("");
		}
	});
	var fscount=0;
	function fsonblur(){
		$("input[name='pwfenshu']").each(function(){
			var fstemp=$(this).val();
			fscount = fscount + Number(fstemp);
		});
		$("#hqjczf").text("总分："+fscount);
		fscount=0;
	}
	
	
	function content(){
	//***获取基本问卷内容***
		var temp="";
		var temp2="";
		var temp3="";
		//数组：选项   分数   排序     标题   选择类型(单选/复选) 复选框
		var szxxTemp=[];
		var szfsTemp=[];
		var szpxTemp=[];
		var szbtTemp=[];
		var szxzlxTemp=[];
		var szfxkTemp=[];
		//读取所有的动态问题添加生成json
		$(".pwtitles").each(function(){
			if($(this).val()){
				szbtTemp.push($(this).val());
				var id = $(this).attr("id");
			   	//选项
			    $("."+id).each(function(){
			    	szxxTemp.push($(this).val());
			    });
			   	//分数
			   	var i = id.split("_")[1];
			   	$(".score_"+i).each(function(){
			    	szfsTemp.push($(this).val());
			    });
			   	//排序
			   	$(".paixu_"+i).each(function(){
			   		szpxTemp.push($(this).val());
			    });
			   	//选择题类型(单选,复选)
			   	$(".xuanze_"+i).each(function(){
			   		szxzlxTemp.push($(this).val());
			   	});
				//复选框(选中为1未选中为0)
				$(".fuxuan_"+i).each(function(){
					szfxkTemp.push($(this).parent().attr('class')=='checked'?1:0);
			   	});
			  	if(szxxTemp.length==szfsTemp.length & szxxTemp.length==szpxTemp.length){
			  		for(var k=0;k<szxxTemp.length;k++){
			  			if(k==szxxTemp.length-1){
			  				temp+="{\"ano\":\""+szpxTemp[k]+"\",\"answer\":\""+szxxTemp[k]+"\",\"score\":\""+szfsTemp[k]+"\"}";
			  			}else{
			  				temp+="{\"ano\":\""+szpxTemp[k]+"\",\"answer\":\""+szxxTemp[k]+"\",\"score\":\""+szfsTemp[k]+"\"},";		
			  			}
			  		}
			  		temp2="{\"qno\":\""+i+"\",\"question\":\""+szbtTemp+"\",\"type\":\""+szxzlxTemp+"\",\"bitian\":\""+szfxkTemp+"\",\"options\":["+temp+"]}";
			  	}
			  	temp3+=temp2+",";
			  	temp2="";
			  	temp="";
			  	szfxkTemp=[];
			  	szxzlxTemp=[];
			  	szbtTemp=[];
			   	szxxTemp=[];
			   	szfsTemp=[];
			   	szpxTemp=[];
			}
		});
		$("#p_content").val(temp3);
		temp3="";
		
	//***读取最后一个问题，获得json数据***
		//选项   分数   排序  分类 -----标题   选择类型(单选/复选) 复选框
		var lttemp="";
		var lttemp2="";
		var ltxxTemp=[];
		var ltfsTemp=[];
		var ltpxTemp=[];
		var ltflTemp=[];
		$(".last_options").each(function(){
	    	ltxxTemp.push($(this).val());
	    });
		$(".last_score").each(function(){
			ltfsTemp.push($(this).val());
	    });
		$(".last_paixu").each(function(){
			ltpxTemp.push($(this).val());
	    });
		$(".last_flid").each(function(){
			var lastval=$(this).val();
			lastval=lastval.substr(0,lastval.length-1);
			ltflTemp.push(lastval);
	    });
		var ltbtTemp=$(".last_title").val();
		var ltxzlxTemp=$(".last_xuanze").val();
		var ltfxkTemp=$(".last_fuxuan").parent().attr('class')=='checked'?1:0;
		//alert(ltbtTemp+"选择类型"+ltxzlxTemp+"复选框"+ltfxkTemp);
		if(ltxxTemp.length==ltfsTemp.length & ltxxTemp.length==ltpxTemp.length){
	  		for(var b=0;b<ltxxTemp.length;b++){
	  			if(b==ltxxTemp.length-1){
	  				lttemp+="{\"ano\":\""+ltpxTemp[b]+"\",\"answer\":\""+ltxxTemp[b]+"\",\"score\":\""+ltfsTemp[b]+"\",\"cateid\":\""+ltflTemp[b]+"\"}";
	  			}else{	
	  				lttemp+="{\"ano\":\""+ltpxTemp[b]+"\",\"answer\":\""+ltxxTemp[b]+"\",\"score\":\""+ltfsTemp[b]+"\",\"cateid\":\""+ltflTemp[b]+"\"},";		
	  			}
	  		}
	  		lttemp2="{\"question\":\""+ltbtTemp+"\",\"type\":\""+ltxzlxTemp+"\",\"bitian\":\""+ltfxkTemp+"\",\"options\":["+lttemp+"]}";
	  		//alert(lttemp2);
	  		$("#lastques").val(lttemp2);
	  	}
		
	//***产品方案 json***
		var cpfaTemp=[];
		var cpTemp1="";
		$(".cpfa_id").each(function(){
			if($(this).val()){
				var cpfaval=$(this).val();
				cpfaval=cpfaval.substr(0,cpfaval.length-1);
				cpfaTemp.push(cpfaval);	
			}
	    });
		for(var m=0;m<cpfaTemp.length;m++){
			if(m==cpfaTemp.length-1){
				cpTemp1+="{\"num\":\""+(m+1)+"\",\"cateids\":\""+cpfaTemp[m]+"\"}";
			}else{
				cpTemp1+="{\"num\":\""+(m+1)+"\",\"cateids\":\""+cpfaTemp[m]+"\"},";
			}
		} 
		$("#plans").val("["+cpTemp1+"]");
		
	//***延伸调查json***
		var ystemp="";
		var ystemp2="";
		var ystemp3="";
		//数组：选项   产品id   排序     标题   选择类型(单选/复选) 复选框
		var ysxxTemp=[];
		var yscpTemp=[];
		var yspxTemp=[];
		var ysbtTemp=[];
		var ysxzlxTemp=[];
		var ysfxkTemp=[];
		//读取所有的动态问题添加生成json
		$(".ystitles").each(function(){
			if($(this).val()){
				ysbtTemp.push($(this).val());
				var id = $(this).attr("id");
			   	//选项
			    $("."+id).each(function(){
			    	ysxxTemp.push($(this).val());
			    });
			   	//产品id字符串
			   	var i = id.split("_")[1];
			   	$(".yschanpin_"+i).each(function(){
			    	yscpTemp.push($(this).val());
			    });
			   	//排序
			   	$(".yspaixu_"+i).each(function(){
			   		yspxTemp.push($(this).val());
			    });
			   	//选择题类型(单选,复选)
			   	$(".ysxuanze_"+i).each(function(){
			   		ysxzlxTemp.push($(this).val());
			   	});
				//复选框(选中为1未选中为0)
				$(".ysfuxuan_"+i).each(function(){
					ysfxkTemp.push($(this).parent().attr('class')=='checked'?1:0);
			   	});
				//alert("输出一下长度："+ysxxTemp.length+"---"+yscpTemp.length+"---"+yspxTemp.length);
			  	if(ysxxTemp.length==yscpTemp.length & ysxxTemp.length==yspxTemp.length){
			  		for(var n=0;n<ysxxTemp.length;n++){
			  			if(n==ysxxTemp.length-1){
			  				ystemp+="{\"ano\":\""+yspxTemp[n]+"\",\"answer\":\""+ysxxTemp[n]+"\",\"chanpin\":\""+yscpTemp[n]+"\"}";
			  			}else{
			  				ystemp+="{\"ano\":\""+yspxTemp[n]+"\",\"answer\":\""+ysxxTemp[n]+"\",\"chanpin\":\""+yscpTemp[n]+"\"},";		
			  			}
			  		}
			  		ystemp2="{\"qno\":\""+i+"\",\"question\":\""+ysbtTemp+"\",\"type\":\""+ysxzlxTemp+"\",\"bitian\":\""+ysfxkTemp+"\",\"options\":["+ystemp+"]}";
			  	}
			  	ystemp3+=ystemp2+",";
			  	ystemp2="";
			  	ystemp="";
			  	ysfxkTemp=[];
			  	ysxzlxTemp=[];
			  	ysbtTemp=[];
			   	ysxxTemp=[];
			   	yscpTemp=[];
			   	yspxTemp=[];
			}
		});
		//$("#p_content").val(temp3);
		//alert(ystemp3);
		$("#proids").val(ystemp3);
		ystemp3="";
	}
</script>
</head>
<body>
	<!-- <div style="position:fixed;width:95%;text-align:right;top:0px;font-size:14px;color:red;font-weight:bold;">总分：</div> -->
	<div id="loader">
		<img src="admin/img/loader.gif">
	</div>
	<div class="wrapper">
		<!-- wiki_load -->
		<jsp:include page="/admin/left.jsp" flush="true">
			<jsp:param name="now" value="reldcwj_load" />
		</jsp:include>
		<div class="body">
			<div class="content">
				<div class="page-header">
					<div class="icon">
						<span class="ico-pen-2"></span>
					</div>
					<h1>
						调查问卷发布<small>发布调查问卷信息</small>
					</h1>
				</div>
				<form action="admin/pdcwj/modify.htm" method="post" enctype="multipart/form-data" id="validate" οnsubmit="content()">
					<div class="row-fluid">
						<div class="span6">
							<div class="block">
								<div class="head">
									<h2>基本信息</h2>
								</div>
								<div class="data-fluid">
									<div class="row-form info">
										<div class="span3">自测标题:</div>
										<div class="span9">
											<input type="text" class="validate[required,maxSize[40]]" name="title" value="${pages.title }" οnblur="xzdwy(this,'W','name',<%=pages.getId()!=0?pages.getId():0%>)">
											<span class="bottom">必填项，唯一，不超过40字符</span>
										</div>
									</div>
									<div class="row-form info">
										<div class="span3">词条分类:</div>
										<div class="span9">
											<select style="width:33%;" id="d_menu1" οnchange="anplmdh(2,'X','d_menu1','d_menu2','d_menu3')">
												<option value="">请选择</option>
											</select> <select style="width: 33%;" id="d_menu2" οnchange="anplmdh(3,'X','d_menu1','d_menu2','d_menu3')">
												<option value="">请选择</option>
											</select> <select style="width: 32%;" id="d_menu3">
												<option value="">请选择</option>
											</select><span class="bottom">必选项</span>
										</div>
									</div>
									<div class="row-form success">
										<div class="span3">缩略图:</div>
										<div class="span9">
											<div class="input-append">
												<input type="text" class="validate[maxSize[75],custom[url]]" placeholder="请输入图片地址链接" name="logo" id="d_0pic" value="${pages.logo }">
												<button type="button" class="btn btn-warning" οnclick="xtpsc(this,'d_0pic')">选择图片</button>									
											</div>
											<span class="bottom">必填项，不超过200字符</span>
										</div>
									</div>
									<%
									/* int display = pages.getDisplay()==null? 2:pages.getDisplay(); */
									int display = 40;
									int size = contents.size();
									int index = 0;
									//Map<String,String>map = null;
									AskConVo ask=null;
									for(int i=0;i<display;){
										if(i<size){
											ask = contents.get(i);
											out.print("<div class=\"row-form"+(i==0?" info":"")+"\">");
											out.print("<div class=\"span3\">第"+(i<9?"0":"")+(i+1)+"个问题:</div>");
											out.print("<div class=\"span9\">");
											out.print("<div>");
											out.print("<input type=\"text\" placeholder=\"请输入题目\" class=\"pwtitles\" name=\"pwtitles\" value=\""+ask.getQuestion()+"\" id=\"title_"+i+"\">");
											out.print("</div>");
											out.print("<div>");
											out.print("<select style=\"width:38%;\" id=\"p_"+i+"phase_opt\" class=\"xuanze_"+i+"\" name=\"pwxuanze\">");
											if(ask.getType()==0){
												out.print("<option value=\"0\" selected>单选题</option>");
												out.print("<option value=\"1\">多选题</option>");
											}else{
												out.print("<option value=\"0\">单选题</option>");
												out.print("<option value=\"1\" selected>多选题</option>");
											}
											out.print("</select>");
											if(ask.getBitian()==0){
												out.print("<input type=\"checkbox\" class=\"fuxuan_"+i+"\" name=\"pwchose\"/>必填");
											}else{
												out.print("<input type=\"checkbox\" class=\"fuxuan_"+i+"\" name=\"pwchose\" checked/>必填");	
											}
											out.print("</div>");
											out.print("<div class=\"title_itram\">");
											OptionsVo opv=null;
											for(int j=0;j<ask.getOptions().size();j++){
												opv=ask.getOptions().get(j);
												out.print("<div id=\"xuan_"+i+"xiang\" class=\"kzjxx_iteam\">");
												out.print("<select style=\"width:50px;\" class=\"paixu_"+i+"\">");
												for(int m=1;m<=9;m++){
													if(opv.getAno()==m){
														out.print("<option value=\""+m+"\" selected>"+m+"</option>");	
													}else{
														out.print("<option value=\""+m+"\">"+m+"</option>");
													}
												}
												out.print("</select>");
												out.print("<input type=\"text\" style=\"width:200px\" value=\""+opv.getAnswer()+"\" placeholder=\"选项\" class=\"title_"+i+"\" name=\"pwxuanxiang\" id=\"d_"+i+"title\"><input type=\"text\" style=\"width:50px\"  value=\""+opv.getScore()+"\" placeholder=\"分值\" οnblur=\"fsonblur()\" class=\"score_"+i+"\" name=\"pwfenshu\">");
												out.print("<a href=\"javascript:void(0);\" class=\"del_xm\">  X</a>");
												out.print("</div>");
											}
											out.print("</div>");
											out.print("<a href=\"javascript:void(0)\" class=\"zjxx\">增加选项</a>");
											out.print("</div>");
											out.print("</div>");
											index++;
										}else{
											out.print("<div class=\"row-form"+(i==0?" info":"")+"\" id=\"d_"+i+"wenti\">");
											out.print("<div class=\"span3\">第"+(i<9?"0":"")+(i+1)+"个问题:</div>");
											out.print("<div class=\"span9\">");
											out.print("<div>");
											out.print("<input type=\"text\" placeholder=\"请输入题目\" class=\"pwtitles\" name=\"pwtitles\" id=\"title_"+i+"\">");
											out.print("</div>");
											out.print("<div>");
											out.print("<select style=\"width:38%;\" id=\"p_"+i+"phase_opt\" class=\"xuanze_"+i+"\" name=\"pwxuanze\">");
											out.print("<option value=\"0\">单选题</option>");
											out.print("<option value=\"1\">多选题</option>");
											out.print("</select>");
											out.print("<input type=\"checkbox\" class=\"fuxuan_"+i+"\" name=\"pwchose\" checked/>必填");
											out.print("</div>");
											out.print("<div class=\"title_itram\">");
											out.print("<div id=\"xuan_"+i+"xiang\" class=\"kzjxx_iteam\">");
											out.print("<select style=\"width:50px;\" class=\"paixu_"+i+"\">");
												out.print("<option value=\"1\">1</option>");
												out.print("<option value=\"2\">2</option>");
												out.print("<option value=\"3\">3</option>");
												out.print("<option value=\"4\">4</option>");
												out.print("<option value=\"5\">5</option>");
												out.print("<option value=\"6\">6</option>");
												out.print("<option value=\"7\">7</option>");
												out.print("<option value=\"8\">8</option>");
												out.print("<option value=\"9\">9</option>");
											out.print("</select>");
											out.print("<input type=\"text\" style=\"width:200px\"  placeholder=\"选项\" class=\"title_"+i+"\" name=\"pwxuanxiang\" id=\"d_"+i+"title\"><input type=\"text\" style=\"width:50px\" placeholder=\"分值\" οnblur=\"fsonblur()\" class=\"score_"+i+"\" name=\"pwfenshu\">");
											out.print("<a href=\"javascript:void(0);\" class=\"del_xm\">  X</a>");
											out.print("</div>");
											out.print("</div>");
											out.print("<a href=\"javascript:void(0)\" class=\"zjxx\">增加选项</a>");
											out.print("</div>");
											out.print("</div>");
										}
										i += 2;
									}
								%>
								</div>
							</div>
						</div>
						<div class="span6">
							<div class="block">
								<div class="head">
									<h2>基本信息</h2>
								</div>
								<div class="data-fluid">
									<div class="row-form info" style="margin-bottom: 70px">
										<div class="span3">描述:</div>
										<div class="span9">
											<textarea class="validate[required,maxSize[400]]" name="summary">${pages.summary }</textarea>
											<span class="bottom">必填项，不超过400字符</span>
										</div>
									</div>
									<%
									for(int j=1;j<display;){
										if(j<size){
											ask = contents.get(j);
											out.print("<div class=\"row-form\">");
											out.print("<div class=\"span3\">第"+(j<9?"0":"")+(j+1)+"个问题:</div>");
											out.print("<div class=\"span9\">");
											out.print("<div>");
											out.print("<input type=\"text\" placeholder=\"请输入题目\" class=\"pwtitles\" name=\"pwtitles\" value=\""+ask.getQuestion()+"\" id=\"title_"+j+"\">");
											out.print("</div>");
											out.print("<div>");
											out.print("<select style=\"width:38%;\" id=\"p_"+j+"phase_opt\" class=\"xuanze_"+j+"\" name=\"pwxuanze\">");
											if(ask.getType()==0){
												out.print("<option value=\"0\" selected>单选题</option>");
												out.print("<option value=\"1\">多选题</option>");
											}else{
												out.print("<option value=\"0\">单选题</option>");
												out.print("<option value=\"1\" selected>多选题</option>");
											}
											out.print("</select>");
											if(ask.getBitian()==0){
												out.print("<input type=\"checkbox\" class=\"fuxuan_"+j+"\" name=\"pwchose\"/>必填");
											}else{
												out.print("<input type=\"checkbox\" class=\"fuxuan_"+j+"\" name=\"pwchose\" checked/>必填");	
											}
											out.print("</div>");
											out.print("<div class=\"title_itram\">");
											OptionsVo opv2=null;
											for(int k=0;k<ask.getOptions().size();k++){
												opv2=ask.getOptions().get(k);
												out.print("<div id=\"xuan_"+j+"xiang\" class=\"kzjxx_iteam\">");
												out.print("<select style=\"width:50px;\" class=\"paixu_"+j+"\">");
												for(int n=1;n<=9;n++){
													if(opv2.getAno()==n){
														out.print("<option value=\""+n+"\" selected>"+n+"</option>");	
													}else{
														out.print("<option value=\""+n+"\">"+n+"</option>");
													}
												}
												out.print("</select>");
												out.print("<input type=\"text\" style=\"width:200px\" placeholder=\"选项\" name=\"pwxuanxiang\"  value=\""+opv2.getAnswer()+"\" class=\"title_"+j+"\" id=\"d_"+j+"title\"><input type=\"text\" style=\"width:50px\"  value=\""+opv2.getScore()+"\" placeholder=\"分值\" οnblur=\"fsonblur()\" class=\"score_"+j+"\" name=\"pwfenshu\">");
												out.print("<a href=\"javascript:void(0);\" class=\"del_xm\">  X</a>");
												out.print("</div>");
											}
											out.print("</div>");
											out.print("<a href=\"javascript:void(0)\" class=\"zjxx\">增加选项</a>");
											out.print("</div>");
											out.print("</div>");
											index++;
										}else{
											out.print("<div class=\"row-form\" id=\"d_"+j+"wenti\">");
											out.print("<div class=\"span3\">第"+(j<9?"0":"")+(j+1)+"个问题:</div>");
											out.print("<div class=\"span9\">");
											out.print("<div>");
											out.print("<input type=\"text\" placeholder=\"请输入题目\" class=\"pwtitles\" name=\"pwtitles\" id=\"title_"+j+"\">");
											out.print("</div>");
											out.print("<div>");
											out.print("<select style=\"width:38%;\" id=\"p_"+j+"phase_opt\" class=\"xuanze_"+j+"\" name=\"pwxuanze\">");
											out.print("<option value=\"0\">单选题</option>");
											out.print("<option value=\"1\">多选题</option>");
											out.print("</select>");
											out.print("<input type=\"checkbox\" name=\"pwchose\" class=\"fuxuan_"+j+"\" checked/>必填");
											out.print("</div>");
											out.print("<div class=\"title_itram\">");
											out.print("<div id=\"xuan_"+j+"xiang\" class=\"kzjxx_iteam\">");
											out.print("<select style=\"width:50px;\" class=\"paixu_"+j+"\">");
												out.print("<option value=\"1\">1</option>");
												out.print("<option value=\"2\">2</option>");
												out.print("<option value=\"3\">3</option>");
												out.print("<option value=\"4\">4</option>");
												out.print("<option value=\"5\">5</option>");
												out.print("<option value=\"6\">6</option>");
												out.print("<option value=\"7\">7</option>");
												out.print("<option value=\"8\">8</option>");
												out.print("<option value=\"9\">9</option>");
											out.print("</select>");
											out.print("<input type=\"text\" style=\"width:200px\" placeholder=\"选项\" name=\"pwxuanxiang\" class=\"title_"+j+"\" id=\"d_"+j+"title\"><input type=\"text\" style=\"width:50px\" placeholder=\"分值\" οnblur=\"fsonblur()\" class=\"score_"+j+"\" name=\"pwfenshu\">");
											out.print("<a href=\"javascript:void(0);\" class=\"del_xm\">  X</a>");
											out.print("</div>");
											out.print("</div>");
											out.print("<a href=\"javascript:void(0)\" class=\"zjxx\">增加选项</a>");
											out.print("</div>");
											out.print("</div>");
										}
										j += 2;
									}
									%>
									<div class="toolbar bottom tar">
										<div class="btn-group">
											<label id="hqjczf" style="text-align:right;top:0px;font-size:12px;color:orange;font-weight:bold;"></label>
											<button type="button" class="btn btn-success" οnclick="qkzj()">追加问题</button>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="span12">
							<div class="row-form info" id="d_report">
								<div class="span1">最后一个问题：</div>
								<div class="span9">
									<div>
										<input type="text" placeholder="请输入题目" name="last_title" class="last_title" id="title" value="${zhquestion }">
									</div>
									<div>
										<select style="width: 38%;" id="p_phase_opt" class="last_xuanze">
											<option value="0" ${zhtype==0?'selected':""}>单选题</option>
											<option value="1" ${zhtype==1?'selected':""}>多选题</option>
										</select><input type="checkbox" class="last_fuxuan" ${zhbitian==1?'checked':""}>必填
									</div>
									<span style="font-weight:bold;font-size:16px;">必备类：</span>
									<div class="title_itram" id="last_xuanxiang1">
										<c:if test="${not empty ltqvlist}"><c:forEach var="ltqv" items="${ltqvlist }" varStatus="ltqvnum">
											<c:if test="${ltqv.ano==1}">
											<div id="xuan_xiang"  name="last_zjxx" class="kzjxx_iteam">
												<select style="width:80px;" class="last_paixu">
													<option value="1" ${ltqv.ano==1?'selected':"" }>必备类</option></select><input type="text" style="width:600px" placeholder="推荐理由" value="${ltqv.answer }" class="last_options" id="d_title">
													<input type="text" style="width:500px" class="last_score" value="${ltqv.score }" placeholder="适用环境" name="fenshu"><input type="text" readonly="readonly" id="fl_name${ltqvnum.index+1 }" value="${ltqv.cateidname }" style="width:108px"><input type="hidden" value="${ltqv.cateid }" class="last_flid" id="fl_id${ltqvnum.index+1 }"><button type="button" class="btn btn-primary" οnclick="lm_qktc('fl_name${ltqvnum.index+1 }','fl_id${ltqvnum.index+1 }')">选择分类</button>
													<a href="javascript:void(0);" class="del_xm">  X</a>
											</div></c:if></c:forEach>
										</c:if>
										<c:if test="${empty ltqvlist }">
											<div id="xuan_xiang"  name="last_zjxx" class="kzjxx_iteam">
												<select style="width:80px;" class="last_paixu">
													<option value="1">必备类</option></select><input type="text" style="width:600px"  placeholder="推荐理由" class="last_options" id="d_title">
													<input type="text" style="width:500px" class="last_score" placeholder="适用环境" name="fenshu"><input type="text" readonly="readonly" id="fl_name1" style="width:108px"><input type="hidden" class="last_flid" id="fl_id1"><button type="button" class="btn btn-primary" οnclick="lm_qktc('fl_name1','fl_id1')">选择分类</button>
													<a href="javascript:void(0);" class="del_xm">  X</a>
											</div>
										</c:if>
									</div>
									<div class="row-form info" style="padding-left:0px;text-align: center;">
										<a href="javascript:void(0);" οnclick="lastzjxx1()">增加选项</a>
									</div>
									<span style="font-weight:bold;font-size:16px;">推荐类：</span>
									<div class="title_itram" id="last_xuanxiang2">
										<c:if test="${not empty ltqvlist}"><c:forEach var="ltqv" items="${ltqvlist }" varStatus="ltqvnum">
											<c:if test="${ltqv.ano==2}">
											<div id="xuan_xiang"  name="last_zjxx" class="kzjxx_iteam">
												<select style="width:80px;" class="last_paixu">
													<option value="2" ${ltqv.ano==2?'selected':"" }>推荐类</option></select><input type="text" style="width:600px" placeholder="推荐理由" value="${ltqv.answer }" class="last_options" id="d_title">
													<input type="text" style="width:500px" class="last_score" value="${ltqv.score }" placeholder="适用环境" name="fenshu"><input type="text" readonly="readonly" id="fl_name${ltqvnum.index+1 }" value="${ltqv.cateidname }" style="width:108px"><input type="hidden" value="${ltqv.cateid }" class="last_flid" id="fl_id${ltqvnum.index+1 }"><button type="button" class="btn btn-primary" οnclick="lm_qktc('fl_name${ltqvnum.index+1 }','fl_id${ltqvnum.index+1 }')">选择分类</button>
													<a href="javascript:void(0);" class="del_xm">  X</a>
											</div></c:if></c:forEach>
										</c:if>
										<c:if test="${empty ltqvlist }">
											<div id="xuan_xiang"  name="last_zjxx" class="kzjxx_iteam">
												<select style="width:80px;" class="last_paixu">
													<option value="2">推荐类</option></select><input type="text" style="width:600px"  placeholder="推荐理由" class="last_options" id="d_title">
													<input type="text" style="width:500px" class="last_score" placeholder="适用环境" name="fenshu"><input type="text" readonly="readonly" id="fl_name2" style="width:108px"><input type="hidden" class="last_flid" id="fl_id2"><button type="button" class="btn btn-primary" οnclick="lm_qktc('fl_name2','fl_id2')">选择分类</button>
													<a href="javascript:void(0);" class="del_xm">  X</a>
											</div>
										</c:if>
									</div>
									<div class="row-form info" style="padding-left:0px;text-align: center;">
										<a href="javascript:void(0);" οnclick="lastzjxx2()">增加选项</a>
									</div>
									<span style="font-weight:bold;font-size:16px;">参考类：</span>
									<div class="title_itram" id="last_xuanxiang3">
										<c:if test="${not empty ltqvlist}"><c:forEach var="ltqv" items="${ltqvlist }" varStatus="ltqvnum">
											<c:if test="${ltqv.ano==3}">
											<div id="xuan_xiang"  name="last_zjxx" class="kzjxx_iteam">
												<select style="width:80px;" class="last_paixu">
													<option value="3" ${ltqv.ano==3?'selected':"" }>参考类</option></select><input type="text" style="width:600px" placeholder="推荐理由" value="${ltqv.answer }" class="last_options" id="d_title">
													<input type="text" style="width:500px" class="last_score" value="${ltqv.score }" placeholder="适用环境" name="fenshu"><input type="text" readonly="readonly" id="fl_name${ltqvnum.index+1 }" value="${ltqv.cateidname }" style="width:108px"><input type="hidden" value="${ltqv.cateid }" class="last_flid" id="fl_id${ltqvnum.index+1 }"><button type="button" class="btn btn-primary" οnclick="lm_qktc('fl_name${ltqvnum.index+1 }','fl_id${ltqvnum.index+1 }')">选择分类</button>
													<a href="javascript:void(0);" class="del_xm">  X</a>
											</div></c:if></c:forEach>
										</c:if>
										<c:if test="${empty ltqvlist }">
											<div id="xuan_xiang"  name="last_zjxx" class="kzjxx_iteam">
												<select style="width:80px;" class="last_paixu">
													<option value="3">参考类</option></select><input type="text" style="width:600px"  placeholder="推荐理由" class="last_options" id="d_title">
													<input type="text" style="width:500px" class="last_score" placeholder="适用环境" name="fenshu"><input type="text" readonly="readonly" id="fl_name3" style="width:108px"><input type="hidden" class="last_flid" id="fl_id3"><button type="button" class="btn btn-primary" οnclick="lm_qktc('fl_name3','fl_id3')">选择分类</button>
													<a href="javascript:void(0);" class="del_xm">  X</a>
											</div>
										</c:if>
									</div>
									<div class="row-form info" style="padding-left:0px;text-align: center;">
										<a href="javascript:void(0);" οnclick="lastzjxx3()">增加选项</a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="row-fluid">
						<div class="span12">
							<div class="head">
								<h4>产品方案</h4>
							</div>
							<div class="title_itram" id="cpfa_xuanxiang">
								<c:if test="${not empty cpfalist}"><c:forEach var="cpfa" items="${cpfalist }" varStatus="cqfanum">
									<div name="cpfa_zjxx" class="kzjxx_iteam">
										<div class="row-form info">
											<div class="span1">方案${cqfanum.index+1 }：</div>
											<div class="span10">
												<input type="text" readonly="readonly" value="${cpfa.cateidname }" id="cp_name${cqfanum.index+1 }" style="width:700px"><input type="hidden" class="cpfa_id" value="${cpfa.cateid }" id="cp_id${cqfanum.index+1 }"><button type="button" class="btn btn-primary" οnclick="lm_qktc('cp_name${cqfanum.index+1 }','cp_id${cqfanum.index+1 }')">选择分类</button>
											</div>
										</div>
									</div></c:forEach>
								</c:if>
								<c:if test="${empty cpfalist}">
									<div name="cpfa_zjxx" class="kzjxx_iteam">
										<div class="row-form info">
											<div class="span1">方案1：</div>
											<div class="span10">
												<input type="text" readonly="readonly" id="cp_name1" style="width:700px"><input type="hidden" class="cpfa_id" id="cp_id1"><button type="button" class="btn btn-primary" οnclick="lm_qktc('cp_name1','cp_id1')">选择分类</button>
											</div>
										</div>
									</div>
								</c:if>
							</div>
							<div class="row-form info" style="padding-left:0px;text-align: center;">
								<a href="javascript:void(0);" οnclick="cpfazjxx()">增加选项</a>
							</div>
						</div>
					</div>
					<div class="row-fluid">
						<div class="span12">
							<div class="head">
								<h4>延伸调查</h4>
							</div>
							<%
							/* int display = pages.getDisplay()==null? 2:pages.getDisplay(); */
							int ys_display = 20;
							int ys_size = ysproids.size();
							int ys_index = 0;
							//Map<String,String> ys_map = null;
							AskConVo ysask=null;
							for(int i=0;i<ys_display;){
								if(i<ys_size){
									//ys_map = proids.get(i);
									ysask = ysproids.get(i);
									out.print("<div class=\"row-form"+(i==0?" info":"")+"\" id=\"ys_"+i+"report\">");
									out.print("<div class=\"span2\">第"+(i<9?"0":"")+(i+1)+"个问题:</div>");
									out.print("<div class=\"span9\">");
									out.print("<div>");
									out.print("<input type=\"text\" placeholder=\"请输入题目\" class=\"ystitles\" name=\"ystitles\" value=\""+ysask.getQuestion()+"\" id=\"ystitle_"+i+"\">");
									out.print("</div>");
									out.print("<div>");
									out.print("<select style=\"width:38%;\" class=\"ysxuanze_"+i+"\" id=\"p_"+i+"phase_opt\">");
									if(ysask.getType()==0){
										out.print("<option value=\"0\" selected>单选题</option>");
										out.print("<option value=\"1\">多选题</option>");
									}else{
										out.print("<option value=\"0\">单选题</option>");
										out.print("<option value=\"1\" selected>多选题</option>");	
									}
									out.print("</select>");
									if(ysask.getBitian()==0){
										out.print("<input type=\"checkbox\" class=\"ysfuxuan_"+i+"\"/>必填");
									}else{
										out.print("<input type=\"checkbox\" class=\"ysfuxuan_"+i+"\" name=\"pwchose\" checked/>必填");
									}
									out.print("</div>");
									out.print("<div class=\"title_itram\" id=\"ysdc_xuanxiang"+i+"\">");
									OptionsVo ysopv=null;
									for(int j=0;j<ysask.getOptions().size();j++){
										ysopv=ysask.getOptions().get(j);
										out.print("<div name=\"ysdc_zjxx\" class=\"kzjxx_iteam\">");
										out.print("<select style=\"width:50px;\" class=\"yspaixu_"+i+"\">");
										for(int m=1;m<=9;m++){
											if(ysopv.getAno()==m){
												out.print("<option value=\""+m+"\" selected>"+m+"</option>");	
											}else{
												out.print("<option value=\""+m+"\">"+m+"</option>");
											}
										}
										out.print("</select>");
										out.print("<input type=\"text\" style=\"width:300px\" value=\""+ysopv.getAnswer()+"\"  placeholder=\"选项\" class=\"ystitle_"+i+"\" name=\"titles\">对应产品：<button type=\"button\" class=\"btn btn-warning\" οnclick=\"qktc('ysdc_"+i+"_"+j+"')\">选择产品</button><input type=\"text\" style='width:200px'  id='ysdc_"+i+"_"+j+"' value=\""+ysopv.getChanpin()+"\" class=\"yschanpin_"+i+"\">");
										out.print("<a href=\"javascript:void(0);\" class=\"del_xm\">  X</a>");
										out.print("</div>");
									}
									out.print("</div>");
									out.print("<a href=\"javascript:void(0)\" οnclick=\"ysdczjxx("+i+")\">增加选项</a>");
									out.print("</div>");
									out.print("</div>");
									ys_index++;
								}else{
									out.print("<div class=\"row-form"+(i==0?" info":"")+"\" id=\"ys_"+i+"report\">");
									out.print("<div class=\"span2\">第"+(i<9?"0":"")+(i+1)+"个问题:</div>");
									out.print("<div class=\"span9\">");
									out.print("<div>");
									out.print("<input type=\"text\" placeholder=\"请输入题目\" class=\"ystitles\" name=\"ystitles\" id=\"ystitle_"+i+"\">");
									out.print("</div>");
									out.print("<div>");
									out.print("<select style=\"width:38%;\" class=\"ysxuanze_"+i+"\" id=\"p_"+i+"phase_opt\">");
									out.print("<option value=\"0\">单选题</option>");
									out.print("<option value=\"1\">多选题</option>");
									out.print("</select>");
									out.print("<input type=\"checkbox\" class=\"ysfuxuan_"+i+"\" checked/>必填");
									out.print("</div>");
									out.print("<div class=\"title_itram\" id=\"ysdc_xuanxiang"+i+"\">");
										out.print("<div name=\"ysdc_zjxx\" class=\"kzjxx_iteam\">");
										out.print("<select style=\"width:50px;\" class=\"yspaixu_"+i+"\">");
										out.print("<option value=\"1\">1</option><option value=\"2\">2</option><option value=\"3\">3</option><option value=\"4\">4</option><option value=\"5\">5</option>");
										out.print("<option value=\"6\">6</option><option value=\"7\">7</option><option value=\"8\">8</option><option value=\"9\">9</option>");
										out.print("</select>");
										out.print("<input type=\"text\" style=\"width:300px\"  placeholder=\"选项\" class=\"ystitle_"+i+"\" name=\"titles\">对应产品：<button type=\"button\" class=\"btn btn-warning\" οnclick=\"qktc('ysdc_"+i+"_1')\">选择产品</button><input type=\"text\" style='width:200px' id=\"ysdc_"+i+"_1\" class=\"yschanpin_"+i+"\">");
										out.print("<a href=\"javascript:void(0);\" class=\"del_xm\">  X</a>");
										out.print("</div>");
									out.print("</div>");
									out.print("<a href=\"javascript:void(0)\" οnclick=\"ysdczjxx("+i+")\">增加选项</a>");
									out.print("</div>");
									out.print("</div>");
								}
								i += 1;
							}
							%>
							<div class="toolbar bottom tar">
								<div class="btn-group">
									<button type="button" class="btn btn-success" οnclick="ys_qkzj()">追加问题</button>
								</div>
							</div>
						</div>
					</div>
					<div class="rowform-info">
						<div class="btn-group" style="float:right;">
							<input type="file" style="display: none;" name="fileToPic" id="fileToPic"> 
							<input type="hidden" value="${pages.id}" name="id"> 
							<input type="hidden" value="" name="p_content" id="p_content">
							<input type="hidden" name="menu" id="d_memu">
							<input type="hidden" value="" name="lastques" id="lastques">
							<input type="hidden" value="" name="plans" id="plans">
							<input type="hidden" value="" name="proids" id="proids">
							<input type="hidden" value="" name="locationhref" id="locationhref">
							<button type="reset" class="btn btn-info" οnclick="javascript:$('#validate').validationEngine('hide');">重填</button>
							<button type="submit" id="submit" class="btn">提交</button>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
<jsp:include page="/chanpin/questionnaire/pdcwj_products_search.jsp" flush="true"/>
<jsp:include page="/chanpin/questionnaire/pdcwj_lmdh_search.jsp" flush="true"/>
<script type="text/javascript">
//三级联动
var def1="<%=menus.containsKey(1)?menus.get(1):""%>";
var def2="<%=menus.containsKey(2)?menus.get(2):""%>";
var def3="<%=menus.containsKey(3)?menus.get(3):""%>";
function lmpd(m){
	if(m==1){
		anplmdh(1,"X","d_menu1","d_menu2","d_menu3",def1);
		def1=null;
	}else if(m==2){
		anplmdh(2,"X","d_menu1","d_menu2","d_menu3",def2);
		def2=null;
	}else if(m==3){
		anplmdh(3,"X","d_menu1","d_menu2","d_menu3",def3);
		def3=null;
	}
}
/**
 * 基本问题
 */
var index=<%=Math.max(2,index)%>;
var display=40;
function qkzj(){
	$("#d_"+index+"wenti").show();
	index++;
}
$(document).ready(function(){
	window.setTimeout(function(){
		for(var i=index;i<display;i++){
			$("#d_"+i+"wenti").hide();
		}
	},1000);
	window.setTimeout("lmpd(1)",50);
	window.setTimeout("lmpd(2)",1500);
	window.setTimeout("lmpd(3)",3000);
	$("#submit").click(function(){
		if(!$("#d_menu1").val()||!$("#d_menu2").val()){
			window.alert("请选择栏目");
			$("#d_menu1").focus();
			return false;
		}
		if($("#d_menu3 option").size()>1 && !$("#d_menu3").val()){
			alert("请选择三级栏目");
			$("#d_menu3").focus();
			return false;
		}
		var menu=$("#d_menu3").val();
		if(!menu){
			menu=$("#d_menu2").val();
			if(!menu){
				menu=$("#d_menu1").val();
			}
		}
		if(!menu){
			window.alert("请选择栏目");
			$("#d_menu1").focus();
			return false;
		}
		$("#d_memu").val(menu);
	})
});

/**
 * 延伸调查
 */
var ys_index=<%=Math.max(2,ys_index)%>;
var ys_display=20;
function ys_qkzj(){
	$("#ys_"+ys_index+"report").show();
	ys_index++;
}
$(document).ready(function(){
	window.setTimeout(function(){
		for(var i=ys_index;i<ys_display;i++){
			$("#ys_"+i+"report").hide();
		}
	},2000);
});

//增加选项  
$(".zjxx").live("click", function() {  
	 var zjxx_html =  $(this).prev(".title_itram").children(".kzjxx_iteam").html();
	 $(this).prev(".title_itram").append("<div class='kzjxx_iteam'>"+zjxx_html+"</div>"); 
});

//删除一行 
$(".del_xm").live("click", function() {  
	//获取编辑题目的个数
	var zuxxs_num = $(this).parent(".kzjxx_iteam").parent(".title_itram").children(".kzjxx_iteam").length;
	 if(zuxxs_num > 1){
		$(this).parent(".kzjxx_iteam").remove();
	 }else{
		alert("只剩一个选项了！");
	 } 
});

//最后一题增加选项
function lastzjxx1(){
	var tplength = document.getElementsByName("last_zjxx").length+1;
	var html="<div id='xuan_xiang' name='last_zjxx' class='kzjxx_iteam'>";
	   html+="<select style='width:80px;' class='last_paixu'><option value='1'>必备类</option></select>";
	   html+="<input type='text' style='width:600px'  placeholder='推荐理由' class='last_options' id='d_title'><input type='text' style='width:500px' class='last_score' placeholder='适用环境' name='fenshu'>";
	   html+="<input type='text' readonly='readonly' id='fl_name"+tplength+"' style='width:108px'><input type='hidden' class='last_flid' id='fl_id"+tplength+"'><button type='button' class='btn btn-primary' οnclick=\"lm_qktc('fl_name"+tplength+"','fl_id"+tplength+"')\">选择分类</button>";
	   html+="<a href='javascript:void(0);' class='del_xm'>  X</a></div>";
	$("#last_xuanxiang1").append(html);
};
function lastzjxx2(){
	var tplength = document.getElementsByName("last_zjxx").length+1;
	var html="<div id='xuan_xiang' name='last_zjxx' class='kzjxx_iteam'>";
	   html+="<select style='width:80px;' class='last_paixu'><option value='2'>推荐类</option></select>";
	   html+="<input type='text' style='width:600px'  placeholder='推荐理由' class='last_options' id='d_title'><input type='text' style='width:500px' class='last_score' placeholder='适用环境' name='fenshu'>";
	   html+="<input type='text' readonly='readonly' id='fl_name"+tplength+"' style='width:108px'><input type='hidden' class='last_flid' id='fl_id"+tplength+"'><button type='button' class='btn btn-primary' οnclick=\"lm_qktc('fl_name"+tplength+"','fl_id"+tplength+"')\">选择分类</button>";
	   html+="<a href='javascript:void(0);' class='del_xm'>  X</a></div>";
	$("#last_xuanxiang2").append(html);
};
function lastzjxx3(){
	var tplength = document.getElementsByName("last_zjxx").length+1;
	var html="<div id='xuan_xiang' name='last_zjxx' class='kzjxx_iteam'>";
	   html+="<select style='width:80px;' class='last_paixu'><option value='3'>参考类</option></select>";
	   html+="<input type='text' style='width:600px'  placeholder='推荐理由' class='last_options' id='d_title'><input type='text' style='width:500px' class='last_score' placeholder='适用环境' name='fenshu'>";
	   html+="<input type='text' readonly='readonly' id='fl_name"+tplength+"' style='width:108px'><input type='hidden' class='last_flid' id='fl_id"+tplength+"'><button type='button' class='btn btn-primary' οnclick=\"lm_qktc('fl_name"+tplength+"','fl_id"+tplength+"')\">选择分类</button>";
	   html+="<a href='javascript:void(0);' class='del_xm'>  X</a></div>";
	$("#last_xuanxiang3").append(html);
};
//产品方案增加选项
function cpfazjxx(){
	var cplength = document.getElementsByName("cpfa_zjxx").length+1;	
	var html="<div name='cpfa_zjxx' class='kzjxx_iteam'>";
		html+="<div class='row-form info'>";
		html+="<div class='span1'>方案"+cplength+"：</div>";
		html+="<div class='span10'><input type='text' readonly='readonly' id='cp_name"+cplength+"' style='width:700px'><input type='hidden' class='cpfa_id' id='cp_id"+cplength+"'><button type='button' class='btn btn-primary' οnclick=\"lm_qktc('cp_name"+cplength+"','cp_id"+cplength+"')\">选择分类</button>";
		html+="</div></div></div>";
	$("#cpfa_xuanxiang").append(html);
}
//延伸调查增加选项
function ysdczjxx(i){
	var yslength = document.getElementsByName("ysdc_zjxx").length+1;	
	var html="<div name='ysdc_zjxx' class='kzjxx_iteam'>";
		html+="<select style='width:50px;' class='yspaixu_"+i+"'>";
		html+="<option value='1'>1</option><option value='2'>2</option><option value='3'>3</option><option value='4'>4</option><option value='5'>5</option>";
		html+="<option value='6'>6</option><option value='7'>7</option><option value='8'>8</option><option value='9'>9</option></select>";
		html+="<input type='text' style='width:300px'  placeholder='选项' class='ystitle_"+i+"' name='titles'>对应产品：<button type='button' class='btn btn-warning' οnclick=\"qktc('ysdc_"+i+"_"+yslength+"')\">选择产品</button><input type='text' id='ysdc_"+i+"_"+yslength+"' style='width:200px' class='yschanpin_"+i+"'>";
		html+="<a href=\"javascript:void(0);\" class=\"del_xm\">  X</a>";
		html+="</div>";
	$("#ysdc_xuanxiang"+i).append(html);
}

</script>


周嗨嗨
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端js拼接Json字符串，全
09-12 4231
示例1：数组里面含对象 <script> var params = []; for(var i = 0; i < 3; i++){ var param = []; param.push("one"); param.push("two"); param.push("...
jquery拼接ajax 的json和字符串拼接的方法
12-01
整理文档，搜刮出一个jquery拼接ajax 的json和字符串拼接的代码，稍微整理精简一下做下分享。 jQuery拼接字符串ajax <form id="myForm" action="#"> <input name="name"/> <input name="age"/>...
JS-拼接Json
Circle_Key的博客
05-08 431
【代码】JS-拼接Json。
利用JS拼接JSON数据
最新发布
初学者
02-22 684
【代码】利用JS拼接JSON数据。
js将json格式的对象拼接成复杂的url参数方法
10-22
下面小编就为大家带来一篇js将json格式的对象拼接成复杂的url参数方法。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
js处理json数据（合并键值对相同的数据，指定键值对相加或拼接）、前端实现
HanXiaoXi_yeal的博客
12-16 2150
方法： // 将相同name的进行分组 for (let i = 0; i < newArr1.length; i++) {//newArr1为原始json数据 // 利用some函数来区分是否相同 if ( !obj.some(item => item.name === newArr1[i].name && item.width === newArr1
js动态拼接正则表达式的两种方法
10-26
主要介绍了js动态拼接正则表达式的两种方法,需要的朋友可以参考下
json拼接和解析
01-09
上述代码中，`obj1`和`obj2`是两个JavaScript对象，我们分别将它们转换为JSON字符串并进行拼接。但请注意，这样的拼接方式可能会导致数据结构混乱，因为JSON通常是键值对的集合，拼接时需要确保数据结构的一致性。 ...
js中组装拼接json对象，通过java后端接收并解析
hgg923的专栏
11-03 2437
如图，需要将每条数据组装（标黄部分），并传到后端解析 js方法实现 function optDetail() { var detailId = ""; var testDate = ""; var testRemark = ""; var testStatus = ""; var json = ""; ...
JS将各值拼接JSON
u011746446的博客
03-17 1552
&lt;div id="json" style="width:100%;height:50px;background-color:yellow"&gt; &lt;/div&gt; &lt;script&gt; var params = []; for(var i = 0; i &lt; 3; i++){ var par...
动态拼接json数组
softuse的博客
07-05 6483
//json数组                             var arr = new Array();                             for (var i = 0; i                                 var info = { "openid": data[i], "lang": "zh-CN" };       
JavaScript 拼接JSON
无影
04-11 1059
var json=""; $(document).ready(function () { $("#Button1").bind("click", function () { $.ajax({ type: "post", url: "GiftBox_
组装Json
zl的博客
05-15 5222
1、组装成如下形式 [java] view plain copy {       "a": "a_value",       "b": "b_value",       "c": [           "c1_value",           "c2_value"       ],       "d": {          
js 动态创建json数组，再转化为json字符串
qq_42617840的博客
02-05 571
var array = []; for(var i=0;i<4;i++){ var one = {}; one.i = i; one.name = "uuu_"+i; array.push(one); } 转化为字符串：JSON.stringify(array)
js 动态生成json数据
weixin_34248258的博客
04-08 786
如何通过js动态的生成如下json数据呢？ var list={ 　　'xxxx-xxxx-0001':{ 　　　　'a':a, 　　　　'b':b 　　} 　　, 　　'xxxx-xxxx-0002':{ 　　　　'a':a, 　　　　'b':b 　　} } 解决办法： var list={}; list['xxxx-xx...
js获取php json,通过JS获取JSON数据并加载的步骤详解
weixin_30938297的博客
03-10 643
这次给大家带来通过JS获取JSON数据并加载的步骤详解，通过JS获取JSON数据并加载的注意事项有哪些，下面就是实战案例，一起来看一下。通过JS获取JSON数据并加载的步骤详解在写内容逻辑重复性的页面时，用json数据可以显著提高编程效率，并且便于后期的数据维护。因此，在视频专题页面，需要展示多列视频数据，我选择了用json。HTML如下(只展示重点部分，需要引用JQ)热门视频JS如下$(docu...
前台js拼接json字符串传递后台
小马同学
05-11 5518
有时候前台传递到后台数据多了，可以在前台把数据拼接成json字符串传递到后台，后台可以在转为list对象集合，会简单很多。 前台拼接json字符串代码（这里是循环遍历获取table表格中的标签值传递，如下图表格中的数据） 表格中数据代码（部分，以为数据条数可以添加，所以这里只显示了一行的代码） 拼接表格中的所有数据为json格式字符串代码（因为json格式代码需要加 " 号，拼接时需...
json字符串拼接中怎么添加变量的拼接
05-09
可以使用字符串格式化来添加变量的拼接。在字符串中使用占位符 `{}` 来表示需要插入变量的位置，并使用 `.format()` 方法来将变量插入到字符串中。例如： ```python name = 'Alice' age = 25 json_str = '{{"name":"{}","age":{}}}'.format(name, age) print(json_str) ``` 输出结果为： ``` {"name":"Alice","age":25} ``` 在这个例子中，我们使用了双重大括号 `{{}}` 来表示 JSON 字符串中的大括号 `{}`，因为字符串格式化中的大括号也需要用 `{}` 来表示。在字符串中的占位符 `{}` 中分别插入了变量 `name` 和 `age`。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值