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-09-16 20:00:47

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

Action获取请求参数的三种方式_Android

方式一:Action本身作为Model对象,通过属性注入(Setter)方法讲参数数据封装到Action中 具体为:在Action中,提供和参数名相同的几个属性,并为其提供set方法,那么,该参数会被自动封装 到该几个属性中. 方式二:创建独立的Model对象,还是通过属性注入的方法将请求数据封装到Model对象中 具体为:另外创建一个专门的类,并在其中添加几个和请求参数名相同的属性,,此时,在表单中,需要讲参数名, 写成Model的一个具体对象名.参数名的方式,然后在Action中,需要定义一

Action获取请求参数的三种方式

方式一:Action本身作为Model对象,通过属性注入(Setter)方法讲参数数据封装到Action中 具体为:在Action中,提供和参数名相同的几个属性,并为其提供set方法,那么,该参数会被自动封装 到该几个属性中. 方式二:创建独立的Model对象,还是通过属性注入的方法将请求数据封装到Model对象中 具体为:另外创建一个专门的类,并在其中添加几个和请求参数名相同的属性,,此时,在表单中,需要讲参数名, 写成Model的一个具体对象名.参数名的方式,然后在Action中,需要定义一

JS获取html对象的几种方式介绍

 这篇文章主要介绍了JS获取html对象的几种方式,有需要的朋友可以参考一下 document.getElementById("zx");   通过ID获取html元素对象,ID号在html文档当中应该是唯一的.返回的是唯一element对象.并且所有浏览器都兼容.   document.getElementsByTagName("span")[0];   通过标签查找html对象,由于html标签在一个页面中可能重复很多次,所以当前页面返回的是一个数组.可以根据标

JavaScript获取DOM元素的11种方法总结

  JavaScript获取DOM元素的11种方法总结          这篇文章主要介绍了JavaScript获取DOM元素的11种方法总结,本文用分4大类11个方法总结如何获取DOM元素,需要的朋友可以参考下 在Web应用程序特别是Web2.0程序开发中,经常要获取页面中某个元素,然后更新该元素的样式.内容等.如何获取要更新的元素,是首先要解决的问题.令人欣慰的是,使用JavaScript获取节点的方法有很多种,这里简单做一下总结(以下方法在IE7和Firefox2.0.0.11测试通过):

JavaScript获取表单内所有元素值的方法

 本文实例讲述了JavaScript获取表单内所有元素值的方法.分享给大家供大家参考.具体如下: 下面的JS代码可以遍历指定表单中的所有元素,并输出元素的值 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <!DOCTYPE html> <html> <body> <form id="frm1" action="form_action.aspx"> First name:

JavaScript获取表单enctype属性的方法

 本文实例讲述了JavaScript获取表单enctype属性的方法.分享给大家供大家参考.具体如下:   1 2 3 4 5 6 7 8 9 10 11 12 13 14 <!DOCTYPE html> <html> <body> <form id="frm1" enctype="text/plain"> First name: <input type="text" name="f

Javascript调用函数方法的几种方式介绍

 这篇文章主要介绍了Javascript调用函数方法的几种方式介绍,本文讲解了func().(function(arg){})(window).func.bind(sth)().func.call().func.apply()等5种方式,需要的朋友可以参考下     javascript语法灵活,同一个功能有五六种实现方式并不罕见,然后再加上有些反人类的原型继承和异步特性,就更让人一头雾水了.我经常搞不清楚call,apply之间的区别,今天就记录一下,以免再忘了. 在javascript中,方

Struts2获取web对象的4种方式

Struts2获取web对象的4种方式 Struts2是如何获取web中 request.session.application的了,Struts2有4种方式获取web对象 1.通过ServletActionContext取HttpServletRequest对象 2.通过ServletRequestAware,(ServletResponseAware )来注入HttpServletRequest.(HttpServletResponse)对象 3.通过ActionContext取Map 4.

JavaScript获取表单内所有元素值的方法_javascript技巧

本文实例讲述了JavaScript获取表单内所有元素值的方法.分享给大家供大家参考.具体如下: 下面的JS代码可以遍历指定表单中的所有元素,并输出元素的值 <!DOCTYPE html> <html> <body> <form id="frm1" action="form_action.aspx"> First name: <input type="text" name="fname