表单元素值获取方式js及java方式的简单实例

这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!

JavaScript 客户端脚本语言

Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。

下面小编就为大家带来一篇表单元素值获取方式 js 及 java 方式的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

大家都知道我们在提交 form 的时候用了多种 input 表单。可是不是每一种 input 表单都是很简单的用 Document.getElementById 的方式就可以获取到的。有一些组合的 form 类似于 checkbox 或者 radio 或者 select 我们如何用 javascript 获取和在服务器中获取提交过来的参数呢?

多说无用、上代码:

Jsp-html 代码:

text:

password:

radio:

checkbox:

足球:

篮球:

拍球:

斗球:

hidden:

option:

1

2

3

4

Javascript:functioncheck(){

varradio=document.getElementsByName("xingbie");

varcheckbox=document.getElementsByName("hobby");

varselect=document.getElementById("opt");

//获取select标签

varindex=select.selectedIndex;

vartext=select.options[index].text;

varvalue=select.options[index].value;

//获取radio标签

for(vari=0;i

if(xingbie.item(i).checked){

varval=xingbie.item(i).getAttribute("value");

break;

}

continue;

}

//获取checkbox标签

for(vari=0;i

if(hobbys[i].checked){

alert(hobbys[i].value);

}

continue;

}

//提交form表单

document.formkk.submit();

}

Java:String[]hobbys=request.getParameterValues("hobby");//checkbox

Stringtext=request.getParameter("text");//text

Stringpassword=request.getParameter("password");//password

Stringxingbie=request.getParameter("xingbie");//radio

request.getParameter("hidden");

request.getParameter("opt");//select

以上就是小编为大家带来的表单元素值获取方式 js 及 java 方式的简单实例全部内容了,希望大家多多支持 phperz~

来源: http://www.phperz.com/article/17/0601/331163.html

java 获取js元素,表单元素值获取方式js及java方式的简单实例相关推荐

  1. jQuery 学习-样式篇(六):jQuery 获取和设置表单元素的值

    推荐阅读 Helm3(K8S 资源对象管理工具)视频教程:https://edu.csdn.net/course/detail/32506 Helm3(K8S 资源对象管理工具)博客专栏:https: ...

  2. php怎么引用表单元素,表单元素:最全的各种html表单元素获取和使用方法总结...

    表单是网页与用户的交互工具,由一个 元素作为容器构成,封装其他任何数量的表单控件,还有其他任何元素里可用的标签,表单能够包含.....等表单控件元素.表单元素有哪些呢?它包含了如下的这些元素,输入文本 ...

  3. HTML一些常用的表单元素,表单元素-HTML中常用的表单元素

    HTML中常用的表单元素有datalist.keygen.output. 1.datalist datalist元素规定输入域的选项列表.列表通过datalist内的option元素创建的. 如需把d ...

  4. jsp和java使用值_如何将表单的值从jsp发送到Java

    我有一个包含30个不同字段的表格.将它们全部传递给控制器​​时,需要为每个属性都具有一个属性,以及一对getter,setter. 我将使表单字段作为一个对象并将该对象发送到控制器. 我正在使用以下代 ...

  5. HTML5新标签-结构标签、表单元素、媒体标签

    文章目录 新的结构标签 新的表单元素 新的媒体标签 1. audio 音频标签(src controls autoplay loop muted) 2.video 视频标签(src controls ...

  6. table中加表单元素每行怎么验证_Validform 一行代码搞定整站的表单验证 - 文章

    Validform 一行代码搞定整站的表单验证,为什么能如此方便?插件的核心思想就是把所有的验证条件及验证提示信息绑定到每个表单元素,让验证代码在执行时只是核对表单下各元素的值是否跟绑定的验证条件相符 ...

  7. Vant-UI 表单组件(Field组件):验证表单元素表单提交 - 踩坑篇

    Vant-UI 表单组件(Field组件):验证表单元素&&表单提交: 示例截图 · 如下: 示例 · 详细代码 · 如下: <template><div class ...

  8. HTML基本语法之表单标签:表单的组成 ,表单域,表单控件元素(表单元素) ,input表单元素, label标签, 表单控件(表单元素), select表单元素, textarea表单元素

    文章目录 表单标签 表单的组成 表单域 常用属性: 表单控件元素(表单元素) input表单元素 label标签 表单控件(表单元素) select表单元素 textarea表单元素 表单元素几个总结 ...

  9. Jquery中获取表单的值并提交

    今天写了一个ajax的交互,通过获取表单的值,自己组织post的方式提交. 但是却出现了提交的值为空,后来检查后发现,在提交表单的值得处理的时机有些问题. 一开始先是获取了值,然后在单击提交按钮后传值 ...

最新文章

  1. 用正则表达式和java解析csv文件
  2. 写python程序用什么软件最好-Python必学之编译器用哪个好?你用错了吧!
  3. 2020年应届生找工作难?Python爬虫解析疫情之下用人市场中的机遇与挑战
  4. C专家编程--读书笔记十 再论指针
  5. org manual翻译--2.1 大纲
  6. 通达学院计算机组成原理试卷及答案,2021全国网络工程专业大学排名(5篇)
  7. 【HDU - 1166】敌兵布阵 (线段树模板 单点更新+ 区间查询)
  8. python读取Excel工作簿、工作表
  9. DEIGRP 的配置
  10. 多线程下的单例模式你真的了解吗?
  11. 搭建nuxtjs程序 —— 用户信息 or token怎么不丢失
  12. android切图双数,浅谈网页设计切图规范
  13. 软件功能测试用例表,功能测试用例模板.xls
  14. ad中那个快捷键是重复上一部_PPT中十大快捷键
  15. Blender简单建模
  16. 手把手带你调参Yolo v5 (v6.2)(推理)
  17. Spring-Boot实现HTTP大文件断点续传分片下载-大视频分段渐进式播放
  18. matlab含未知数矩阵方程组,solve函数求解含有未知数的矩阵方程问题
  19. 【win11】关闭 Windows 安全中心中的Defender 防病毒保护
  20. DCOS之k8s的secret

热门文章

  1. Android蓝牙A2dp profile的使用
  2. java开发者最常去的20个英文网站
  3. 你这辈子,为什么富不起来?!
  4. EncryptHelper
  5. UVA160 Factors and Factorials【筛选法】
  6. Bailian4003 十六进制转十进制【十六进制】
  7. CCF201609-1 最大波动(100分)
  8. HashMap(HashSet)的实现
  9. 重温微积分 —— 偏微分与链式法则
  10. windows 使用 tricks