el表达式和js

最新推荐文章于 2021-02-16 03:20:57 发布

暖心尔之默意

最新推荐文章于 2021-02-16 03:20:57 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端js+el 文章标签： js el表达式

本文链接：https://blog.youkuaiyun.com/m15231417197/article/details/82704225

前端js+el 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种在JavaScript中使用EL表达式获取并遍历集合的方法，通过实例展示了如何根据集合中的数据动态生成HTML选项，适用于需要动态创建表单元素的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码思路：在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语句写到标签中