.表单:
<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;
}
分享到:
相关推荐
可以利用HTML表单和JavaScript来动态设置表单元素的值,然后通过表单提交的方式将数据发送给JSP。 **示例代码**: ```html <form id="myForm" action="example.jsp" method="post"> 提交" /> function ...
本篇文章主要介绍如何在 JSP 页面中通过 JavaScript 来获取表单元素的值,并对其进行验证,确保用户输入的信息符合特定的要求。 #### 1. 基础知识 在正式开始之前,我们需要了解几个基础概念: - **HTML 表单**:...
本文将详细解析如何在JSP页面中通过两种主要方法实现这一功能:一是使用`window.open`方法弹出页面;二是使用`window.showModalDialog`方法弹出对话框,并深入探讨其应用场景及优缺点。 ### 一、通过`window.open`...
总结,从JSP和JavaScript向Servlet提交数据有多种方式,每种都有其适用场景。理解这些方法,可以帮助开发者根据需求选择最佳实践,实现更高效、更灵活的Web应用。在实际开发中,还需要考虑安全性、性能优化等因素,...
JavaScript可以改变隐藏字段的值,然后通过表单的POST或GET方法提交数据到JSP。示例代码如下: ```html <input type="hidden" name="mc" value="<%=varMC%>"> 提交" onclick="insertclick()"> ``` ...
标题中的“JavaScript html js页面刷新之后下拉菜单选中值不变”是一个常见的前端开发问题,涉及到浏览器缓存、页面状态保持以及JavaScript操作DOM元素的知识点。在这个场景中,开发者希望在用户选择下拉菜单的一项...
基于JavaScript的JSP页面数据导出Excel是指通过JavaScript技术实现JSP页面数据导出到Excel文件中的过程。该技术可以满足用户对报表的需求,提供了一个实用的解决方案。 知识点一:JavaScript概述 JavaScript是一种...
在Web开发中,尤其是使用JavaServer Pages (JSP) 技术时,页面表单的重复提交是一个常见的问题。这可能会导致数据不一致或者服务端处理逻辑错误。本篇文章将探讨如何有效地防止JSP页面中的表单重复提交,确保系统的...
本文将详细介绍JSP中常见的几种页面跳转方法,并分析它们之间的区别。 #### 二、客户端跳转方法 ##### 1. 使用`<a>`标签超链接 这是最简单直接的方式,通过`<a>`标签的`href`属性设置目标页面的URL来实现跳转。...
在本场景中,我们探讨的是如何使用JSP通过Ajax(Asynchronous JavaScript and XML)发送JSON(JavaScript Object Notation)数据到Java的Servlet,然后Servlet处理这些数据并返回JSON响应给JSP页面。这是一个典型的...
在IT行业中,JSP(JavaServer Pages)是一种用于创建动态网页的技术,特别是在电子商务网站中,商品详细信息页面是至关重要的。这个"JSP商品详细信息页面"项目可能涉及到多个技术层面,包括前后端交互、数据库操作、...
【标题解析】:“炫酷的登录jsp页面完整代码”指的是一个使用JSP技术构建的具有视觉吸引力的登录界面。这个项目可能包含了一整套的前端和后端代码,旨在为用户提供一个美观且功能完整的登录体验。 【描述详解】:...
综上所述,Java和JavaScript之间的值传递涉及多种方法,具体选择哪种取决于应用场景、数据量、安全性需求以及是否需要异步通信等因素。在实际开发中,理解并熟练运用这些技术对于创建高效、动态的JSP应用至关重要。
JSP(Java Server Pages)和JavaScript是两种不同的编程语言,但它们可以整合使用以实现动态的WEB页面。JSP是一种服务器端的编程语言,用于生成动态的网页内容,而JavaScript是一种客户端的编程语言,用于实现客户端...
【基于jsp的动态效果的登录页面】 在网页开发中,JavaServer Pages(JSP)是一种常用的服务器端脚本语言,用于生成动态Web内容。本文将深入探讨如何利用JSP技术创建一个具有动态效果的登录页面。 一、JSP基础 JSP...
8. **表单重定向(Redirect after Post)**:这是一种经典的防止重复提交的方法,提交表单后立即重定向到新的URL,这样即使用户再次点击提交,也会被重定向页面拦截。 9. **使用HTML5的formnovalidate属性**:对于...
jsp返回上一页和刷新是一种常见的jsp开发需求,本文总结了一些常用的jsp返回上一页和刷新的方法,包括使用JavaScript返回上一页和刷新页面、自动刷新页面、ASP.NET输出刷新父窗口脚本语句、JS刷新框架的脚本语句等。
这里主要介绍五种常见的JSP页面跳转方法,包括RequestDispatcher.forward()、response.sendRedirect()、<jsp:forward page="" / >、Meta标签以及JavaScript的location对象。 1. RequestDispatcher.forward() 这种...
在上述示例中,可以看到两种处理方式的JavaScript代码。第一种是常规方式,它会在用户输入值后,尝试立即读取B*单元格的值,但因为刷新机制的问题,它读取到的是控制值而不是实际值。第二种是优化后的处理方式,通过...
javascript注册页面代码(只包含用户名&密码&邮箱的验证)