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

jsp和js两种方式取到表单数据

阅读更多
<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;
}
分享到:
评论

相关推荐

    jquery ajax 如何向jsp提交表单数据

    Jquery AJAX提交表单有两种方式,一是url参数提交数据,二是form提交(和平常一样在后台可以获取到Form表单的值)。在所要提交的表单中,如果元素很多的话建议用第二种方式进行提交,当然你要是想练

    JSP实用技巧集合,jsp编程的一些小技巧总结

    71. 配置数据连接池和数据源(Tomcat)? 72. 点击图1变为图2? 73. JSP中显示图片的方法之一? 74. int转为Integer的方法? 75. 请求jsp页面禁止缓存方法? 76. select选中其中的值自动到一个文本框? 77. JSP连接数据库?...

    jsp编程技巧集锦

    配置数据连接池和数据源(Tomcat)? 72. 点击图1变为图2? 73. JSP中显示图片的方法之一? 74. int转为Integer的方法? 75. 请求jsp页面禁止缓存方法? 76. select选中其中的值自动到一个文本框? 77....

    韩顺平sevlet,jsp视频教程知识点.txt

    混合布局,两种方式合用 (二) 继续开发,完善功能 1.显示货物具体信息 2.jsp中如何使用js的技术 3.首页面增加分页功能 4.用户登录、注册界面设计 韩顺平 j2ee视频实战教程jsp第8讲(上集).wmv 视频描述: (一)继续开发...

    音乐网站(JSP+SERVLET).rar

    它包括前端用户界面和后端服务器逻辑,前端使用HTML、CSS和JavaScript构建,后端则使用JSP和Servlet处理业务逻辑和数据存储。在这个项目中,用户可以浏览不同的音乐类别,搜索特定的歌曲或者艺术家,也可以创建自己...

    两个JSP页面父页面获取子页面内容的两种方法

    需求说明:两个JSP页面,父页面需要子页面的内容,但子页面是隐藏的,具体来说,子页面是一系列的模板,父页面要通过id来获取这些模板,不愿意通过方式导入,因为如果模板过多,就导致整个父页面太大,加载缓慢,...

    jsp分页插件--PageBean(java源码)

    * 输出分页 HTML 页面跳转代码, 分链接和静态文字两种. * 2008-07-22 * @return HTML 代码 */ public String getPageJumpLinkHtml() { if(StringUtil.isEmpty(pageUrl)) { return ""; } // 检查...

    jsp中URL传递中文参数的处理方法

    在页面的url中使用encodeURI(encodeURI(中文)),对中文... 您可能感兴趣的文章:js将json格式的对象拼接成复杂的url参数方法js的form表单提交url传参数(包含+等特殊字符)的两种解决方法JS根据key值获取URL中的参数值及

    GoodProject Maven Webapp.zip

    3、EasyUI支持两种渲染方式分别为javascript方式(如:$('#p').panel({...}))和html标记方式(如:class="easyui-panel") 4、支持HTML5(通过data-options属性) 5、开发产品时可节省时间和资源 6、简单,但很强大 7、支持...

    千方百计笔试题大全

    237、触发器分为事前触发和事后触发,这两种触发有和区别。语句级触发和行级触发有何区别。 56 238、EJB容器提供的服务 56 239、EJB的角色和三个对象 56 240、EJB的几种类型 56 241、bean 实例的生命周期 56 242、...

    java面试宝典

    237、触发器分为事前触发和事后触发,这两种触发有和区别。语句级触发和行级触发有何区别。 56 238、EJB容器提供的服务 56 239、EJB的角色和三个对象 56 240、EJB的几种类型 56 241、bean 实例的生命周期 56 242、...

    cangkuguanli.zip

    库存管理系统 10个模块,每一个模块的要求如下: 准备工作创建数据库stock创建指定名字的表格,输入图片中的所有记录。...2)使用JDBC访问数据库,两种方式:基础代码,Dao. 3)使用核心标签库+sql标签库,访问数据库。

    java面试要点集合

    1、jsp两种跳转方式 2、struts标签库有哪些 3、struts主要类有哪几个 4、数据库事务有什么用、什么是ACID 航天信息有限公司 1。List与Set的相同与不同之处,分别举出两个这两个接口的常用方法。(10分) 2。谈谈...

    AJAX基础概念、核心技术与典型案例(内涵动态实例)

    /js/all.js JavaScript脚本文件 /images 图片文件 第24章(/ch24) 程序描述:本章将使用Ajax技术实现无刷新即可浏览RSS的阅读器。添加一个RSS地址时,自动保存到数据库。打开阅读RSS时,自动获取...

    基于J2EE框架的个人博客系统项目毕业设计论文(源码和论文)

    下面就以两种不同的用户来分析博客网站的需求。 4.2.1注册博友 首先必须在博客首页中登录填写用户名和密码,这样才能执行一些相关操作,不然就是普通用户只能查看一些信息,而不能发表博文。可以在管理页面上添加...

    Java语言基础下载

    创建线程的两种方式 179 线程的控制 180 实例分析 182 内容总结 189 独立实践 190 第十二章:高级I/O流 192 学习目标 192 I/O基础知识 193 字节流 193 字符流 194 节点流 194 过程流 194 基本字符流类 198 对象串行...

    JAVA上百实例源码以及开源项目源代码

     通过网络或磁盘等方式,把公钥编码传送给李四,李四接收到张三编码后的公钥,将其解码,李四用张三的公钥加密信息,并发送给李四,张三用自己的私钥解密从李四处收到的信息…… Java利用DES私钥对称加密代码实例 ...

    JAVA WEB典型模块与项目实战大全

    2.1 使用jsp的两种模式  2.2 struts框架的实现  2.3 hibernate框架的实现  2.4 jpa框架的实现  2.5 spring框架的实现  2.6 jsf框架的实现  2.7 ajax框架的实现  2.8 使用jdbc连接数据库  2.9 小结...

    这是一篇有关 在线聊天系统 的系统报告书

    主要有两种类型,一种是类似QQ,MSN类型的,需要用户安装软件才能聊天,另一种即是只需打开WEB浏览器就可以聊天的,类似QQ聊天室的功能 ,本系统的目标即模仿QQ聊天室,开发一个简单的能在机房里供大家聊天的Web程序...

    风越.Net代码生成器 [FireCode Creator] V1.3 精简版

    15、支持表头/单独表格搜索两种布局方式 16、提供多种灵活翻页方案,用户可设置每页记录条数、上/下页、前/后N页、输入数字跳转到指定页面等,提高海量数据翻页速度 17、提供丰富的建站常用VB、JS函数库 ★ 18、更多...

Global site tag (gtag.js) - Google Analytics