`
cavonchen
  • 浏览: 209668 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

用javascript和jsp两种形式拿到页面提交的值

    博客分类:
  • java
阅读更多
.表单:

<form action="" method="post" onsubmit="return check()" name="selectform">
  <input type="radio" name="gender" value="man" checked/>男
  <input type="radio" name="gender" value="woman" />女
  <input type="checkbox" name="animal" value="cat" checked/> cat
  <input type="checkbox" name="animal" value="dog"/> dog
  <input type="checkbox" name="animal" value="elephant"/> elephant
  <input type="checkbox" name="animal" value="lion"/>lion
  <select name="select" id="selected">
    <option value="1">选项一
    <option value="2">选项二
    <option value="3">选项三
    <option value="4" selected>选项四
<input type="hidden" name="hidden" id="hidden" value="100" />
  </select>
  <input type="submit" value="submit"/>
</form>

Jsp方式取得:

<%
String gender = request.getParameter("gender");
out.print(gender);
String[] animal = request.getParameterValues("animal");
for(int i=0;i<animal.length;i++){
  out.print(animal[i]);
}
String select = request.getParameter("select");
out.println(select);
String hidden = request.getParameter("hidden");
out.println(hidden);
%>

JavaScript方式取得:

<script type="text/javascript">
function check(){
var gender = document.getElementsByName("gender");
// var gender = document.selectform.gender;一样能拿到gender这个对象,其实是个数组!
for(i=0;i<gender.length;i++){
  if(gender[i].checked)
  alert(gender[i].value);
}

var animal = document.getElementsByName("animal");
// var gender = document.selectform.animal;
for(i=0;i<animal.length;i++){
  if(animal[i].checked)
  alert(animal[i].value);
}

var select = document.getElementById("selected");//拿到一个对象
// var select = document.selectform.select;
for(i=0;i<select.options.length;i++){
  if(select.options[i].selected)
  alert(select.options[i].value);
}
var selectedOption = document.selectform.select.options[document.selectform.select.selectedIndex];
var selectedOptionValue = selectedCategory.value;


var hidden = document.getElementById("hidden");
//  var hidden = document.selectform.hidden;
alert(hidden.value);


return true;
}
分享到:
评论

相关推荐

    javascript和jsp页面之间的传值.docx

    可以利用HTML表单和JavaScript来动态设置表单元素的值,然后通过表单提交的方式将数据发送给JSP。 **示例代码**: ```html &lt;form id="myForm" action="example.jsp" method="post"&gt; 提交" /&gt; function ...

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

    本篇文章主要介绍如何在 JSP 页面中通过 JavaScript 来获取表单元素的值,并对其进行验证,确保用户输入的信息符合特定的要求。 #### 1. 基础知识 在正式开始之前,我们需要了解几个基础概念: - **HTML 表单**:...

    jsp页面同时弹出页面和对话框

    本文将详细解析如何在JSP页面中通过两种主要方法实现这一功能:一是使用`window.open`方法弹出页面;二是使用`window.showModalDialog`方法弹出对话框,并深入探讨其应用场景及优缺点。 ### 一、通过`window.open`...

    jsp与JavaScript提交至servlet的几种方式

    总结,从JSP和JavaScript向Servlet提交数据有多种方式,每种都有其适用场景。理解这些方法,可以帮助开发者根据需求选择最佳实践,实现更高效、更灵活的Web应用。在实际开发中,还需要考虑安全性、性能优化等因素,...

    javascript和jsp面之间的传值.docx

    JavaScript可以改变隐藏字段的值,然后通过表单的POST或GET方法提交数据到JSP。示例代码如下: ```html &lt;input type="hidden" name="mc" value="&lt;%=varMC%&gt;"&gt; 提交" onclick="insertclick()"&gt; ``` ...

    JavaScript html js页面刷新之后下拉菜单选中值不变,在按钮提交后保存下拉列表中值不变

    标题中的“JavaScript html js页面刷新之后下拉菜单选中值不变”是一个常见的前端开发问题,涉及到浏览器缓存、页面状态保持以及JavaScript操作DOM元素的知识点。在这个场景中,开发者希望在用户选择下拉菜单的一项...

    基于JavaScript的JSP页面数据导出Excel.pdf

    基于JavaScript的JSP页面数据导出Excel是指通过JavaScript技术实现JSP页面数据导出到Excel文件中的过程。该技术可以满足用户对报表的需求,提供了一个实用的解决方案。 知识点一:JavaScript概述 JavaScript是一种...

    [Jsp]防止页面表单重复提交的解决方法

    在Web开发中,尤其是使用JavaServer Pages (JSP) 技术时,页面表单的重复提交是一个常见的问题。这可能会导致数据不一致或者服务端处理逻辑错误。本篇文章将探讨如何有效地防止JSP页面中的表单重复提交,确保系统的...

    JSP页面跳转方法总结

    本文将详细介绍JSP中常见的几种页面跳转方法,并分析它们之间的区别。 #### 二、客户端跳转方法 ##### 1. 使用`&lt;a&gt;`标签超链接 这是最简单直接的方式,通过`&lt;a&gt;`标签的`href`属性设置目标页面的URL来实现跳转。...

    jsp网页产生json传值到java的servlet,再回传到jsp页面

    在本场景中,我们探讨的是如何使用JSP通过Ajax(Asynchronous JavaScript and XML)发送JSON(JavaScript Object Notation)数据到Java的Servlet,然后Servlet处理这些数据并返回JSON响应给JSP页面。这是一个典型的...

    JSP商品详细信息页面

    在IT行业中,JSP(JavaServer Pages)是一种用于创建动态网页的技术,特别是在电子商务网站中,商品详细信息页面是至关重要的。这个"JSP商品详细信息页面"项目可能涉及到多个技术层面,包括前后端交互、数据库操作、...

    炫酷的登录jsp页面完整代码

    【标题解析】:“炫酷的登录jsp页面完整代码”指的是一个使用JSP技术构建的具有视觉吸引力的登录界面。这个项目可能包含了一整套的前端和后端代码,旨在为用户提供一个美观且功能完整的登录体验。 【描述详解】:...

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

    综上所述,Java和JavaScript之间的值传递涉及多种方法,具体选择哪种取决于应用场景、数据量、安全性需求以及是否需要异步通信等因素。在实际开发中,理解并熟练运用这些技术对于创建高效、动态的JSP应用至关重要。

    JSP与JavaScript整合使用.pdf

    JSP(Java Server Pages)和JavaScript是两种不同的编程语言,但它们可以整合使用以实现动态的WEB页面。JSP是一种服务器端的编程语言,用于生成动态的网页内容,而JavaScript是一种客户端的编程语言,用于实现客户端...

    基于jsp的动态效果的登录页面

    【基于jsp的动态效果的登录页面】 在网页开发中,JavaServer Pages(JSP)是一种常用的服务器端脚本语言,用于生成动态Web内容。本文将深入探讨如何利用JSP技术创建一个具有动态效果的登录页面。 一、JSP基础 JSP...

    javascript方式防止表单重复提交

    8. **表单重定向(Redirect after Post)**:这是一种经典的防止重复提交的方法,提交表单后立即重定向到新的URL,这样即使用户再次点击提交,也会被重定向页面拦截。 9. **使用HTML5的formnovalidate属性**:对于...

    jsp返回上一页和刷新

    jsp返回上一页和刷新是一种常见的jsp开发需求,本文总结了一些常用的jsp返回上一页和刷新的方法,包括使用JavaScript返回上一页和刷新页面、自动刷新页面、ASP.NET输出刷新父窗口脚本语句、JS刷新框架的脚本语句等。

    JSP页面的五种跳转方法

    这里主要介绍五种常见的JSP页面跳转方法,包括RequestDispatcher.forward()、response.sendRedirect()、&lt;jsp:forward page="" / &gt;、Meta标签以及JavaScript的location对象。 1. RequestDispatcher.forward() 这种...

    FineReport中如何用JavaScript解决控件值刷新不及时的问题

    在上述示例中,可以看到两种处理方式的JavaScript代码。第一种是常规方式,它会在用户输入值后,尝试立即读取B*单元格的值,但因为刷新机制的问题,它读取到的是控制值而不是实际值。第二种是优化后的处理方式,通过...

    javascript注册页面代码

    javascript注册页面代码(只包含用户名&密码&邮箱的验证)

Global site tag (gtag.js) - Google Analytics