js 中使用el表达式

解决JS中el表达式使用问题及代码优化

最新推荐文章于 2021-07-13 18:08:52 发布

原创最新推荐文章于 2021-07-13 18:08:52 发布 · 536 阅读

0 ·

CC 4.0 BY-SA版权

js相关专栏收录该内容

36 篇文章

订阅专栏

本文详细介绍了在JavaScript中使用el表达式时遇到的问题以及如何通过简单的修改实现功能自动实现，包括代码示例和关键总结。

最近在做项目的时候遇到一个比较有意思的东西，就是在做分页的时候要提供用户选择每页显示记录条数的下拉列表，比较有意思的是还要提供两个下拉列表，随便选择一个都能选择。这样就必须要做到两个下拉框的值要一样，而我做的是只要改变记录条数就会走一次后台action，因此就需要在新的页面做到使两个下拉列表的值一样。而其中用js控制，用到了el表达式，最开始源码如下：

Java代码

var selected = ${requestScope.xxxxForm.recordNumPerPage}

var selected = ${requestScope.xxxxForm.recordNumPerPage}

,这样始终js错误，因为在第一次的时候requestScope.xxxxForm.recordNumPerPage为null。于是在boss的指导下，简单的加了两个引号，代码变成

Java代码

"]var selected = “${requestScope.xxxxForm.recordNumPerPage}”

"]var selected = “${requestScope.xxxxForm.recordNumPerPage}”

，ok，功能自动实现。
附上整个函数代码：

Java代码

function getSelected(name){

var selects = document.getElementsByName(name);
var selected = “${requestScope.xxxxForm.recordNumPerPage}";
if(selected == undefined || selected == null || selected ==""){
return false;
}
for(var j = 0; j < selects.length; j++ ){
for(var i = 0; i = selects[j].length; i++){
if(selects[j].options[i].value == selected){
selects[j].options[i].selectd = true;
}
}
}
}

function getSelected(name){
  var selects = document.getElementsByName(name);
  var selected =  “${requestScope.xxxxForm.recordNumPerPage}";
  if(selected == undefined || selected == null || selected ==""){
    return false;
  }
  for(var j = 0; j < selects.length; j++ ){
     for(var i = 0; i = selects[j].length; i++){
       if(selects[j].options[i].value == selected){
         selects[j].options[i].selectd = true;
       } 
     }
  }

关键总结：在js中使用el表达式一定要使用双引号或者单引号