javascript 获取from表单值各种方式

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

xiafish201

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

阅读量1.1k

点赞数 1

分类专栏： javascript 文章标签： JavaScript Chrome IE jQuery ViewUI

本文链接：https://blog.youkuaiyun.com/xiafish201/article/details/83664207

版权

javascript 专栏收录该内容

7 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


<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;//通用