javascript 获取from表单值各种方式

最新推荐文章于 2022-03-01 17:55:27 发布

原创最新推荐文章于 2022-03-01 17:55:27 发布 · 1.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #Chrome #IE #jQuery #ViewUI

javascript 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了多种在网页中获取表单元素值的方法，包括使用原生JavaScript和jQuery库的不同方式，适用于不同浏览器环境。


<form action="test.html" id="fornId" name="formName">  
            username:<input type="text" id="username"/><br/>  
            password:<input type="password" id="password"/><br/>  
            <input type="submit" value="submit">  
        </form>

可以通过以下几种方式（我所知道的）来取到值：
var show = document.formName.username.value;//通用
var show = document.formName['username'].value;//通用
var show = document.getElementById('username').value; //通用
var show = formId['username'].value;//方法适合ie和chrome，火狐不认
var show = formName.username.value;//该方法适合ie和chrome，火狐不认
var show = $("#username").val()//jquery方式，通用
var show = document.forms[0].userName.value;//通用