Javascript和Java获取各种form表单信息
2012-06-11 16:51
579 查看
大家都知道我们在提交form的时候用了多种input表单。可是不是每一种input表单都是很简单的用Document.getElementById的方式就可以获取到的。有一些组合的form类似于checkbox或者radio或者select我们如何用javascript获取和在服务器中获取提交过来的参数呢?多说无用、上代码: Jsp-html代码: <form action="input.do" 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: function check(){ 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: String[] hobbys = 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表单信息的简单实例
- Javascript和Java获取各种form表单信息的简单实例
- Javascript和Java获取各种form表单信息的简单实例
- js jquery, jquery-ui 获取form各种表单input的值?
- JavaScript获取按钮所在form表单id的方法
- javascript获取form里的表单元素的示例代码
- Form 表单的 XML 化 | 将 Form 信息转化为 XML 格式信息(Javascript)
- form表单提交后台获取表单信息
- JavaScript获取页面中表单(form)数量的方法
- javascript 获取form里的表单元素
- JavaScript获取form表单中的数据以及拼接传参
- javascript 跨域POST 使用form表单 获取提交返回内容的方法
- JavaScript中获取表单信息并添加在表格中
- javaweb之request通过各种表单提交项收集用户数据和用request获取表单提交数据
- HTML页面中JavaScript能获取到的各种屏幕大小信息
- 20160325servlet学习笔记表单中各种类型的信息传递与获取 请求转发
- 服务器端始终获取不到form表单中的上传图片的信息
- JAVA获取客户端请求电脑IP,操作系统等等各种信息
- Java获取客户端请求电脑IP,操作系统等等各种信息