通过getElementById来取得Form里的表单元素
<1>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>湖南易通</title> <script src="jquery-1.10.2.js" type="text/javascript"></script>
<script type="text/javascript">
function btnClick1() {
textbox1.value = "黄雪辉";
} function btnClick2() {
//textbox2.value = "雪辉"; //当点击相应的“点一下”按钮的时候浏览器抛出错误“textbox2”没有定义：这是由于textbox2是放置到form框架中的，所以假设直接取值的话是取不到的。所以要用下面方法来取：
form1.textbox2.value = "雪辉"; //在前面加上form框架的id。一级一级的来调用。
} //在做网页开发的时候一般都是须要用到form框架的。表单元素也通常会放置到form中。每次取表单元素还须要推断它是否在form里面，所以我们通过好的方式来取得表单元素，getElementById("");通过getElementById就能在整个页面中通过id直接取到表单元素。而不须要推断表单元素是否在form中。 function btnClick3() {
var name = document.getElementById("textbox1"); //取得textbox1这个元素
name.value = "斌"; //给textbox1元素的value设为"斌" var name2 = document.getElementById("textbox2"); //取得textbox2这个元素
name2.value = "黄雪辉";
}
</script>
</head>
<body>
<!--------------------直接放在body下的表单------------------> <input type="text" id="textbox1"/> <input type="button" value="点一下" onclick="btnClick1()"/> <!--------------------放在form框架中的表单------------------>
<form action="HTMLPage1.htm" method="get" id="form1"> <input type="text" id="textbox2"/> <input type="button" value="点一下" onclick="btnClick2()"/> <input type="button" value="用getElementById来取元素" onclick="btnClick3()"/> </form>
<!---------------------------------------------------------->
</body>
</html>
通过getElementById来取得Form里的表单元素的更多相关文章
- form表单元素中disabled的元素的值不会提交到服务器
1.表单元素中disabled的元素的值不会提交到服务器,后台获取的值为null <form id="myForm" action="#" method= ...
- 9月8日HTML表单元素（form、文本、按钮、选择）
表单元素 一.form form代表表单,功能:用于申明表单,定义采集数据的范围,也就是<form>和</form>里面包含的数据将被提交到服务器或者电子邮件里.<for ...
- element-ui 解决 table 里包含表单验证的问题！
实际项目中的场景,需要在table里做表单的验证,如图效果: 其实问题关键就在于如何给el-form-item动态绑定prop :prop="'tableData.' + scope.$in ...
- 表单元素（form、文本、按钮、选择）
表单元素 一.form form代表表单,功能:用于申明表单,定义采集数据的范围,也就是<form>和</form>里面包含的数据将被提交到服务器或者电子邮件里.<for ...
- jQuery操作Form表单元素
Web开发中常常须要操作表单,form表单元素有select.checkbox.radio.textarea.button.file.text.hidden.password等. 当中checkbox ...
- form表单 无法提交js动态添加的表单元素问题。。
第一种情况, 这种情况js动态添加的表单元素是不能提交到服务器端的 <table> <form method="post" action=" url ...
- 表单组件 form fastadmin（生成表单元素）
Form组件 定义文件位置: /extend/fast/Formphp 通用参数 $name 通常为我们组件的名称(name属性值),我们在后台接收时可以通过这个名称来获取到它所对应的值 $value ...
- 遍历form表单里面的表单元素，取其value
form.elements 获取所有表单元素 form 表单 <form action="http://localhost:1995/api/post" class=&quo ...
- jquery.form.js 让表单提交更优雅
jquery.form.js 让表单提交更优雅.可以页面不刷新提交表单,比jQuery的ajax提交要功能强大. 1.引入 <script src="/src/jquery-1.9.1 ...
随机推荐
- TreeView 的简单实用
TreeView组件是由多个类来定义的,TreeView组件是由命名空间"System.Windows.Forms"中的"TreeView"类来定义的,而其中的 ...
- 学习笔记：_lodash.js常用函数
_lodash.js 文档:https://www.lodashjs.com/docs/4.17.5.html _.compact(array) 创建一个移除了所有假值的数组 什么是假值?false, ...
- [Angular] HttpParams
It is possible to use HttpParams to set http params. For example we have this url to make: https://a ...
- oracle 10g文件目录结构详解
一个典型的oralce目录结构如下: /u01└── oracle ├── admin (数据库管理文件位置,以实例划分) │ ├── mydb │ │ ├── adum ...
- Android开发系列（二十）：AutoCompleteTextView（自己主动完毕文本框）的功能和使用方法
当用户输入一定的字符之后,自己主动完毕文本框可以显示一个下拉菜单,供用户从中选择,当用户选择某个菜单项之后,AutoCompleteTextView可以依照用户的选择自己主动填写该文本框 AutoCo ...
- 使用 JS 关闭警告框及监听自定义事件（amaze ui）
使用 JS 关闭警告框及监听自定义事件(amaze ui) 一.总结 1.jquery匿名函数:第8行,jquery匿名函数,$(function(){});,有没有很简单,只是少了jquery的前面 ...
- 4、qq物联SDK介绍及实例讲解
1.到QQ物联官网http://iot.open.qq.com中下载软件SDK S3C2440_20161122_1.6.205_r4288.tar.gz注意:在后续大家实际开发过程中,可能你会下载到 ...
- Spring Boot Freemarker特别篇之contextPath【从零开始学Spring Boot】（转）
需求缘起:有人在群里@我:请教群主大神一个问题,spring boot + freemarker 怎么获取contextPath 头疼死我了,网上没一个靠谱的 .我就看看之前博客中的 [Spring ...
- Virtualizing physical memory in a virtual machine system
A processor including a virtualization system of the processor with a memory virtualization support ...
- Redis Cluster（Redis 3.X）设计要点
Redis 3.0.0 RC1版本号10.9号公布,Release Note这个版本号支持Redis Cluster.相信非常多同学期待已久,只是这个版本号仅仅是RC版本号,要应用到生产环境,还得等等 ...