el表達式和js

代碼思路:在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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章