Javascript和Java获取各种form表单信息的简单实例
大家都知道我们在提交form的时候用了多种input表单。可是不是每一种input表单都是很简单的用Document.getElementById的方式就可以获取到的。有一些组合的form类似于checkbox或者radio或者select我们如何用javascript获取和在服务器中获取提交过来的参数呢?多说无用、上代码:
Jsp-html代码:
代码如下:
name="formkk">
<table>
<tbody>
<tr>
<td>text:</td>
<td>
<input
type="text"
name="text">
</td>
</tr>
<tr>
<td>password:</td>
<td>
<input
type="password"
name="pass">
</td>
</tr>
<tr>
<td>radio:</td>
<td>
<input
type="radio" name="xingbie" value="1">
男
<input
type="radio" name="xingbie"
value="2">
女
</td>
</tr>
<tr>
<td>checkbox:</td>
<td>
足球:<input
type="checkbox" name="hobby" value="1" />
篮球:<input
type="checkbox" name="hobby" value="2" />
拍球:<input
type="checkbox" name="hobby" value="3" />
斗球:<input
type="checkbox" name="hobby" value="4"
/>
</td>
</tr>
<tr>
<td>hidden:</td>
<td>
<input
type="hidden" value="123"
name="hidden"/>
</td>
</tr>
<tr>
<td>option:</td>
<td>
<select
name="opt"
id="opt">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
</td>
</tbody>
</table>
<input
type="button" value="提交"
onclick="javascript:check()"/>
</form>
Javascript:
代码如下:
var radio =
document.getElementsByName("xingbie");
var checkbox =
document.getElementsByName("hobby");
var select =
document.getElementById("opt");
//获取select标签
var index =
select.selectedIndex;
var text = select.options[index].text;
var
value = select.options[index].value;
//获取radio标签
for(var
i=0;i<xingbie.length;i++){
if(xingbie.item(i).checked){
var
val =
xingbie.item(i).getAttribute("value");
break;
}
continue;
}
//获取checkbox标签
for(var
i=0;i<hobbys.length;i++){
if(hobbys[i].checked){
alert(hobbys[i].value);
}
continue;
}
//提交form表单
document.formkk.submit();
}
Java:
代码如下:
request.getParameterValues("hobby"); //checkbox
String text =
request.getParameter("text"); //text
String password =
request.getParameter("password"); //password
String xingbie =
request.getParameter("xingbie"); //radio
request.getParameter("hidden");
request.getParameter("opt");
//select
Javascript和Java获取各种form表单信息的简单实例的更多相关文章
- java:JavaScript2:(setTimeout定时器,history.go()前进/后退,navigator.userAgent判断浏览器,location.href,五种方法获取标签属性,setAttribute,innerHTML,三种方法获取form表单信息,JS表单验证,DOM对象,form表单操作)
1.open,setTimeout,setInterval,clearInterval,clearTimeout <!DOCTYPE> <html> <head> ...
- Django获取用户form表单
首先创建一个Django 的工程项目 前面我们说过了,那到一个项目首先把模板路径,和静态路径在settings.py设置好以后,在开始写代码,写代码也要按照我们以前说的那个工程目录结构写. 现在我们做 ...
- Java如何实现form表单提交的数据自动对应实体类(源码)
原文出自:https://blog.csdn.net/seesun2012 原生Java+JQuery form表单serializeArray提交自动对应java实体,这是一个实际的例子: html ...
- Django框架获取各种form表单数据
Django中获取text,password 名字:<input type="text" name="name"><br><br& ...
- django Form 表单 总结与小实例
开头寄语: 这几天一直在看Django的form表单验证,然后想对于这几天要有个总结. 首先,先来看一下找到的一个form表单验证的流程: 验证过程 流程详解1. 函数full_clean()依次调用 ...
- mvc area区域和异步表单,bootstrap简单实例
码农最怕眼高手低 今天来练习mvc Area技术和bootstrap以及异步表单的C#代码实现. 1.area区域架构对于建立复杂业务逻辑很有帮助,由 AreaRegistration.Regist ...
- java web 解决Form表单乱码问题
JSP和Servlet的六种中文乱码处理方法 一.表单提交时出现乱码: 在进行表单提交的时候,经常提交一些中文,自然就避免不了出现中文乱码的情况,对于表单来说有两种提交方式:get和post提交方式. ...
- JAVA入门[16]-form表单,上传文件
一.如何传递参数 使用 @RequestParam 可以传递查询参数.例如:http://localhost:8092/category/detail?id=1 @RequestMapping(&qu ...
- Java如何解决form表单上传文件,以及页面返回处理结果通知!
前端JSP代码 <form id='formSumbit' class='form-horizontal' action='/ncpay/route/chlsubmcht/batchImpor' ...
随机推荐
- The report for triangle problem
本次实验主要使用eclipse 编写三角形判定的代码,并用junit进行测试. 1.安装junit和hamcrest 下载junit-4.12.jar和hamcrest-all-1.3.jar 并且拖 ...
- BZOJ1452——[JSOI2009]Count
1.题目大意: 就是给一个n×m的方格,然后一些平面上的 求和 修改操作 2.分析:二维树状数组裸题 #include <cstdio> #include <cstdlib> ...
- 160809212田京诚C语言程序设计实验2 选择结构程序设计_进阶
实验2-6 猜数字游戏 实验要求: 编写一个C程序实现一个[1-100]以内的猜数字游戏. (1) 系统随机产生一个[1-100]之间的随机数. (2) 输入任意一个数字.数字 ...
- ubuntu下如何用命令行运行deb安装包
如果ubuntu要安装新软件,已有deb安装包(例如:iptux.deb),但是无法登录到桌面环境.那该怎么安装?答案是:使用dpkg命令. dpkg命令常用格式如下: sudo dpkg -I ip ...
- Arlenmbx!!!!
我无限制的以安逸为想法 其实生活的不安逸 我所做的事情和思路到底正不正确? 我失败了? 我做不到? 我尝试做到? 我可以做到! 我能做到 我做到了我已经做到了 难道想法和现实是有区别的吗 有理想只是空 ...
- Jenkins 报错:(pending—Waiting for next available executor)
系统管理-管理节点,刷新状态
- Glyphicons字体图标
Glyphicons字体图标-----好处可以减少请求,容易控制样式! <p> <button type="button" class="btn btn ...
- Objective C 快速入门学习二
Objective-C 类.对象.方法 1.编写一个复数类: #import <Foundation/Foundation.h>@interface Complex: NSObject / ...
- 转:JQuery实现下拉框的数据加载和联动
<script type="text/javascript"> $(document).ready(function() { GetByJquery(); $(&quo ...
- shell脚本实现拷贝大文件显示百分比的代码分享
#!/bin/sh strace -q -eread cp -- "${1}" "${2}" 2>&1 \| awk '{ count += ...