代碼思路:在js中通過el表達式獲取值(list集合),然後通過el表達式遍歷該集合,拼接HTML語句。
代碼如下,能看出來啥就看自己了:
$(".niwen").click(function(){
alert("開始");
var a=$(this).prev().text();//第一個 從右向左數,點擊哪個標籤則就獲取哪個標籤的上一個標籤的值
var b=$(this).prev().prev().text();//第二個,點擊哪個標籤則就獲取哪個標籤的上一個的上一個標籤的值
var str="<form id='question-edit-form'>"+//拼接HTML語句
"<span id='add-update-questionid' style='display:none;'></span>"+
"<div class='form-line exampaper-type' id='aq-course2'>"+
"<span class='form-label'><span class='warning-label'>*</span>專業:</span>"+
"<select id='field-select1' class='df-input-narrow'>";
<c:forEach items="${fieldList}" var ="t">//使用el表達式遍歷集合找出想要的值並拼接HTML語句
var fieldId="${t.fieldId}";
var fieldName="${t.fieldName}";
if(fieldName==a){
str+="<option value='"+fieldId+"' selected='selected'>"+fieldName+"</option>";
}else{
str+="<option value='"+fieldId+"'>"+fieldName+"</option>";
}
</c:forEach>
str+="</select><span class='form-message'></span></div>";
str+="<div class='form-line exampaper-type' id='aq-course2'>"+
"<span class='form-label'><span class='warning-label'>*</span>知識類:</span>"+
"<select id='point-from-select' class='df-input-narrow'>";
<c:forEach items="${knowledgeList}" var ="r">
var pointId="${r.pointId}";
var pointName="${r.pointName}";
if(pointName==b){
str+="<option value='"+pointId+"' selected='selected'>"+pointName+"</option>";
}else{
str+="<option value='"+pointId+"'>"+pointName+"</option>";
}
</c:forEach>
str+="</select><span class='form-message'></span>"+
"</div></form>";
$(".modal-body").html(str);//最後將拼接好的HTML語句寫到標籤中
}
);
|
寫出這段代碼的路徑有些曲折,就不一一贅述了,奉上相關帖子一篇。
https://blog.csdn.net/qq_28379809/article/details/78817828