`
jyangzi5
  • 浏览: 212240 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

jsp$js小记(1)

    博客分类:
  • JSP
阅读更多

我们往往在页面中想到的list的长度,此后,你就不用为此发愁了..

1、在jsp页面中不能通过${list.size}取list长度,正确的方法是这样的:
(1).首先引入jsp的头

<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core"  %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>

 

(2).在页面中显示,当然拿到它就可以进行相应的操作了
<c:out value="${fn:length(list)}"></c:out>

2、js文件的中文在eclipse中变为乱码,引入jsp文件显示也为乱码的解决:   
  
用eclipse打开.js文件,File菜单properties将text file encoding改为utf-8,然后页面引   
<script>"text/javascript" language="javascript" charset="utf-8" src="<%=basePath%>examConditionQuery/examConditionQuery.js">   
</script>  

<script type="text/javascript"></script><script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script>

 

3.现在有这样一个需求,根据项目名的变化,动态的改变项目下所有监控点的显示列表:

   当然了,在这里我用到了dwr,如果有更好的解决办法,可留言给我。

(1).jsp部分

 <td >项目名称:

<select onchange="showAgentList(this);">
               <option value="all">--全部--</option>
               <c:forEach items="${projectList}" var="list" >
               <option value="${list.projectId}" >${list.name}</option>
               </c:forEach>
               </select></td>

<td>监控点名称:

<span id="interfaceSpan"><select    id="agentId" >
                <option value="all">--全部--</option>            
                </select></span></td>

(2).js

 

 

function showAgentList(sel)
{
    
 var index=sel.selectedIndex;  //获取选中内容的索引
  var param=sel.options[index].value;  //得到value
  service.getAgentList(param,callBack);  //通过dwr调用后台方法,callBack为回调函数
}

 

function callBack(data)       //data为List集合,List中元素为包含agentId和agentName两个元素的bean
{
   showAgentName("agentId",data);
}

 

function showAgentName(id,data)    //关键的一步
{
 DWRUtil.removeAllOptions(id);    //先删除id下所有的选项
 DWRUtil.addOptions(id,data,'agentId','agentName'); 

 //增添新的选项,data为list,agentId为值属性,agentName为名称属性;
}


 

分享到:
评论

相关推荐

    jsp ${param.id}用法.docx

    这里的关键是 a.jsp 需要使用 jsp:forward page="b.jsp" 转向 b.jsp,否则 b.jsp 将无法获取到 a.jsp 设置的变量 key 的值。 此外, ${param.id} 与 request.getParameter("id") 的作用相同,都是获取输入的参数 id...

    动态Jsp页面转换成静态Html页面

    动态Jsp页面转换成静态Html页面动态Jsp页面转换成静态Html页面动态Jsp页面转换成静态Html页面动态Jsp页面转换成静态Html页面动态Jsp页面转换成静态Html页面动态Jsp页面转换成静态Html页面动态Jsp页面转换成静态Html...

    JSP中java代码与js之间的传值

    1. **Java到JavaScript的传值**: - **通过HTML标签属性**:Java代码可以通过设置HTML元素的属性来传递值。例如,`&lt;input type="hidden" id="myValue" value="&lt;%= javaVariable %&gt;"&gt;`,这里的`javaVariable`是Java...

    js代码高亮显示 JavaScript代码高亮 jsp

    JavaScript代码高亮显示是提高代码可读性的关键工具,通过使用像Highlight.js或Prism.js这样的库,可以在JSP页面上轻松实现这一功能。了解如何正确地集成和配置这些库,可以帮助开发者创建更专业、更易于阅读的代码...

    jsp中调用js中的一个函数,函数传参的问题

    1. **在JSP中嵌入JavaScript**: 在JSP页面中,我们可以使用`&lt;script&gt;`标签来包含JavaScript代码。例如: ```jsp &lt;script type="text/javascript"&gt; function myFunction(param1, param2) { // JavaScript ...

    JSP加载JS文件不起作用的有效解决方法

    目录结构:jsp导入jquery文件,老是不起作用,原因在于: 代码如下: [removed][removed] 其不能访问/WEB-INF/目录下的文件,因此需要将加载的js文件其放倒webapp目录。 test.html: 代码如下: &lt;&#37;@ page ...

    js日期时间控件 JavaScriptjs日期时间控件 jsp

    1. **JavaScript `Date` 对象** - `Date`对象是JavaScript内置的全局对象,用于处理日期和时间。可以通过构造函数创建一个新的`Date`实例,如`new Date()`创建当前日期和时间,或者`new Date(dateString)`解析指定...

    jsp+css+javascript

    【标题】"jsp+css+javascript" 涵盖了Web开发中的三个核心技术:JavaServer Pages(JSP)、Cascading Style Sheets(CSS)和JavaScript。这些技术结合使用,可以构建功能丰富的、用户交互性强的动态网页应用程序。 ...

    JSP.rar_javascript_javascript项目_jsp javascript_jsp小项目

    在JSP中,JavaScript可以被内联在HTML标签中,或者通过`&lt;script&gt;`标签引用外部JS文件。它可以处理用户的输入,更新DOM(文档对象模型),以及执行各种浏览器级别的任务。 3. **JSP与JavaScript的结合**:JSP可以...

    jsp页面js调用form表单的值的方法

    ### JSP 页面中 JS 调用 Form 表单的值的方法 在 Web 开发中,JSP(Java Server Pages)是一种广泛使用的服务器端技术,它允许开发者将动态内容嵌入到静态 HTML 页面中。本篇文章主要介绍如何在 JSP 页面中通过 ...

    日历控件(jsp+js)

    本项目是基于JSP(JavaServer Pages)和JavaScript技术实现的一个日历控件。下面我们将深入探讨这两个技术以及它们如何结合创建这样的功能。 **JSP(JavaServer Pages)**: JSP是Java平台上的动态网页技术,它将...

    网页弹框框架jsp+js+css

    在本项目中,我们看到的"网页弹框框架jsp+js+css"是一个使用JSP、JavaScript和CSS技术构建的弹窗解决方案。这个框架允许开发者通过简单的操作在网页上实现点击按钮后弹出新窗口的效果。 首先,JSP(JavaServer ...

    jsp+js购物车源码

    通过学习和实践这个"jsp+js购物车源码"项目,开发者不仅可以掌握基础的Web开发技能,还能了解到如何利用MVC架构和Hibernate进行项目组织,同时提升JavaScript的前端交互能力。这是一个全面且实用的学习资源,对于...

    js+jsp三级联动 源码

    1. **JavaScript(js)**:JavaScript是用于网页和网络应用的客户端脚本语言,它可以在用户的浏览器上运行,提供实时的交互体验。在这个项目中,js负责处理用户的选择事件,当用户在任一级别的下拉菜单中选择一项时...

    JSP+Javascript+Css帮助文档

    在IT行业中,JSP(JavaServer Pages)、JavaScript和CSS是构建动态网页和应用程序的重要技术。这份"JSP+Javascript+Css帮助文档"为开发者提供了一站式的资源,涵盖了这三个领域的核心概念、用法以及最佳实践。 JSP...

    js+jsp+json+tomcat跨域访问

    在IT行业中,跨域访问是Web开发中一个重要的概念,特别是在使用JavaScript、JSP、JSON以及前端库如jQuery时。本教程将详细讲解如何利用这些技术实现跨域数据交互。 首先,我们需要理解“跨域”这个术语。在浏览器的...

    jsp ${param.id}用法

    因为a.jsp提交到b.jsp过程中,id不属于Page,Request,Session,Application任何范围中的一个,所以取不到。 而id是a.jsp传给b.jsp的一个参数,所以${param.id}取到值。 Request的范围是指一个jsp页面发送请求到另一个...

    jsp,js,javascript,java代码格式化工具

    可以对一个,或则多个jsp,js,javascript,java文件源代码格式化工具,其中jsp文件,内可以含,javascript,vbscript等,都能格式化,有问题联系gisoracle@126.com 使用C#开发,请安装.net2.0

    jsp+js日程表代码

    1. JavaScript(JS):作为客户端脚本语言,JavaScript主要用于网页的动态交互。在这个日程表应用中,`calendar_jquery.js`文件可能包含了用于处理用户交互逻辑的代码,比如添加、删除和查看日程的函数。它可能使用...

Global site tag (gtag.js) - Google Analytics