javascript获取表单值的7种方式

见代码:

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单对象--获取表单值的7种方式</title>
</head>
<body>
    <form action="" name="myform">
        <input type="text" name="user" value="admin">
    </form>

    <script>
        document.write(document.myform.user.value+"1<br/>");
        document.write(document[‘myform‘].user.value+"2<br/>");
        document.write(document.forms.myform.user.value+"3<br/>");
        document.write(document.forms[0].user.value+"5<br/>");
        document.write(document.forms[‘myform‘].user.value+"4<br/>");
        document.write(document.forms.item(0).user.value+"6<br/>");
        document.write(document.forms.item(‘myform‘).user.value+"7<br/>");//FF可能不支持

    </script>
</body>
</html>

推荐使用

document.write(document.myform.user.value);

时间： 2024-08-05 11:17:55

javascript获取表单值的7种方式的相关文章

strus2中获取表单数据两种方式属性驱动和模型驱动

strus2中获取表单数据两种方式属性驱动和模型驱动属性驱动 /** * 当前请求的action在栈顶,ss是栈顶的元素,所以可以利用setValue方法赋值* 如果一个属性在对象栈,在页面上可以根据name属性进行回显*/ /** * 属性驱动实现的条件:* 1.当前请求的action在栈顶,所以action中的属性就暴漏出来了* 2.获取页面上表单的元素,整合成一个map * 3.调用setValue方法赋值*/ 1 package cn.itcast.struts2.sh; 2 3

JavaScript获取DOM对象的几种方式

1.getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用 2.getElementsByName() 方法可返回带有指定名称的对象的集合 3.getElementsByTagName() 方法可返回带有指定标签名的对象的集合 4.getElementsByClassName() 方法可返回带有指定类名的对象的集合 5.querySelector() 方法可返回匹配指定 CSS 选择器的一个对象的引用 6.querySelectorAll() 方法可返回匹配指定 CSS

django获取单表数据的三种方式

django获取单表数据的三种方式 v1 = models.Business.objects.all() # QuerySet ,内部元素都是对象 v2 = models.Business.objects.all().values('id','caption') # QuerySet ,内部元素都是字典 v3 = models.Business.objects.all().values_list('id','caption') # QuerySet ,内部元素都是元组 def business(

JavaWeb后台从input表单获取文本值的两种方式

JavaWeb后台从input表单获取文本值的两种方式 #### index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <input type="text" name="n

Jquery 获取表单值如input,select等方法

1 if($("input[name=item][value='val']").attr('checked')==true) //判断是否已经打勾 name即控件name属性,value即控件value属性可以不指定属性值,因一组checkbox的value值都会保存其在数据库中对应的id,最好写成如下方式 if($("input[name=row_checkbox]").attr('checked')==true) { alert("j");

jQuery异步获取json数据的2种方式

jQuery异步获取json数据有2种方式,一个是$.getJSON方法,一个是$.ajax方法.本篇体验使用这2种方式异步获取json数据,然后追加到页面. 在根目录下创建data.json文件: { "one" : "Hello", "two" : "World" } ■ 通过$.getJSON方法获取json数据 <script src="Scripts/jquery-2.1.1.min.js"

springboot 获取控制器参数的几种方式

这里介绍springboot 获取控制器参数有四种方式 1.无注解下获取参数 2.使用@RequestParam获取参数 3.传递数组 4.通过URL传递参数无注解下获取参数无注解下获取参数,需要控制器层参数与HTTP请求栏参数名称一致,这样后台就可以获取到请求栏的参数. /** * 无注解获取参数时,参数名称和HTTP请求参数必须一致 * @param name String 姓名 * @param age int 年龄 * @param score double 分数 * @return

关于Mysql删除表数据的两种方式对比

1.delete from table_name 一行一行删除,只删除表数据,auto_increament仍停留在最后一天数据的下一个值. 2.truncate table_name 快捷删除表数据.先删除整个表,然后重新建表结构.auto_increament从1开始. 关于Mysql删除表数据的两种方式对比,布布扣,bubuko.com

Java Class类以及获取Class实例的三种方式

T - 由此 Class 对象建模的类的类型.例如,String.class 的类型是Class<String>.如果将被建模的类未知,则使用Class<?>. [java] view plain copy print? public final class Class<T> extends Object implements java.io.Serializable, java.lang.reflect.GenericDeclaration, java.lang.r