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

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
+"\",\"answer\":\""+ysxxTemp
+"\",\"chanpin\":\""+yscpTemp
+"\"}";
}else{
ystemp+="{\"ano\":\""+yspxTemp
+"\",\"answer\":\""+ysxxTemp
+"\",\"chanpin\":\""+yscpTemp
+"\"},";
}
}
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" onsubmit="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 }" onblur="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" onchange="anplmdh(2,'X','d_menu1','d_menu2','d_menu3')">
<option value="">请选择</option>
</select> <select style="width: 33%;" id="d_menu2" onchange="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" onclick="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=\"分值\" onblur=\"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=\"分值\" onblur=\"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=\"分值\" onblur=\"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=\"分值\" onblur=\"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" onclick="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" onclick="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" onclick="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);" onclick="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" onclick="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" onclick="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);" onclick="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" onclick="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" onclick="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);" onclick="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" onclick="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" onclick="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);" onclick="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\" onclick=\"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)\" onclick=\"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\" onclick=\"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)\" onclick=\"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" onclick="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" onclick="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' onclick=\"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' onclick=\"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' onclick=\"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' onclick=\"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' onclick=\"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>