`
cmq1231
  • 浏览: 5082 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

JavaScript中取到form的值的方法

阅读更多
<form action= "get.do"  method= "post"  id= "fi"  name= "fn" >  
            username:<input type="text"  id= "username" /><br/>  
            password:<input type="password"  id= "password" /><br/>  
            <input type="submit"  value= "submit" >  
        </form> 

可以通过以下三种方式(我所知道的)来取到值:
var show = document.fn.elements['username'].value;//注意这里fn是form的名字,而不是id
var show = document.getElementById('username').value;
var show = fi['username'].value;//fi是form的id号码


本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/masuwen/archive/2010/07/01/5707075.aspx
分享到:
评论

相关推荐

    JavaScript中获取Radio被选中的值

    原理就是:一般使用遍历的方法,判断每个Radio是否被选中,如果是,再取其值. &lt;form id=userlist method=post action=option.php&gt; &lt;input type=radio name=userid value=1&gt;1 &lt;input type=radio name=...

    multipartform-data 参数传递

    这个表单使用`POST`方法,并且使用了`multipart/form-data`作为其`enctype`属性值,这表明该表单可以用来上传文件。 #### 标签解析 - **multipart/form-data**:如上所述,这是一种特定的表单数据编码类型,用于...

    JavaScript读二进制文件并用ajax传输二进制流的方法

    在JavaScript中,处理二进制文件并使用Ajax传输二进制流是一项常见的任务,尤其是在进行文件上传或数据传输时。由于浏览器之间的差异,实现这一功能需要考虑不同的API和兼容性问题。以下是一份详细的指南,涵盖了...

    jquery获取表单值

    在Web开发中,jQuery作为一个非常流行的JavaScript库,简化了许多复杂的DOM操作,特别是对于表单数据的获取与处理方面提供了极大的便利。本文将详细讲解如何使用jQuery来获取不同类型的表单控件(如文本框、文本域、...

    代理中Domino对域的解析和GetItemValue使用方法

    本文将详细介绍如何在代理程序中通过LotusScript和JavaScript两种脚本语言来获取和解析不同类型的域,特别关注`GetItemValue`方法的使用以及对富文本域(Rich-Text Field)和其他常见域类型(如文本域、单选框、复选...

    JavaScript和ASP.NET的传值

    2. **服务器控件取JavaScript中变量的值**:ASP.NET服务器端无法直接访问JavaScript变量,但可以通过隐藏字段或调用WebMethod来实现。例如,可以在JavaScript中设置一个隐藏字段的值,然后在服务器端通过`Request....

    form提交的集中方式

    本文档将详细介绍三种常见的JavaScript库jQuery中处理表单提交的方法,包括$.post()、$.ajax()以及使用jquery.form.js库的ajaxForm()。 1. **$.post()** 方法: $.post()是jQuery提供的一个简洁的Ajax方法,专门...

    JSP避免Form重复提交的三种方案

    JSP 避免 Form 重复提交的三种方案 ...JSP 避免 Form 重复提交的三种方案可以选择使用 JavaScript 设置提交标志、禁用提交按钮或使用 Struts 的同步令牌机制,具体选择哪种方法取决于项目的需求和实现难度。

    【JavaScript源代码】React获取input值并提交的2种方法实例.docx

    3. **获取值**:在`handlePost`方法中,可以直接通过`inputValue.value`获取输入框的值。 **总结** 以上两种方法分别展示了如何在React中获取input值并进行提交操作。第一种方法适用于需要实时更新状态的情况,而...

    JavaScript中常用的一百零七条语句

    获取表单中元素的名称和值通常通过 `getElementById` 方法实现,例如: ```javascript var element = document.getElementById("表单中元素的ID號"); console.log(element.name); // 获取元素名称 console.log...

    C++ Builder 调用JavaScript的例子

    1. **添加WebBrowser控件**:在C++ Builder的Form设计界面中,添加一个WebBrowser控件到你的窗体上。 2. **加载HTML页面**:编写包含JavaScript代码的HTML文件,并使用WebBrowser控件的`Navigate()`方法加载这个...

    100多个有用的JavaScript函数及基础语法集合

    可以使用 charAt() 方法来取字符串中指定位置的一个字符。 取出字符串中指定起点和终点的子字符串 可以使用 substring() 方法来取出字符串中指定起点和终点的子字符串。 数学函数 JavaScript 中的数学函数有:Math...

    javascript函数中执行C#代码中的函数.docx

    这种方法利用ASP.NET提供的`&lt;%= %&gt;`标签将C#函数的返回值嵌入到HTML文档中,然后在JavaScript中获取这些值。 **实现步骤:** 1. **定义C#函数:** ```csharp public string GetText() { return "Hello, World!...

    JavaScript将base64图片转换成formData并通过AJAX提交的实现方法

    JavaScript将base64图片转换成formData并通过AJAX提交是一项技术需求,通常出现在需要将前端处理得到的图片信息上传到服务器的场景中。base64编码是一种用64个ASCII字符表示任意二进制数据的方法,它常用于在网页中...

    JavaScript完全自学宝典 源代码

    6.10.html JavaScript取单选框的值。 6.11.html JavaScript控制单选框。 6.12.html 单选框的JavaScript特效。 6.13.html 使用JavaScript控制按钮是否可用。 6.14.html 重置按钮的效果。 6.15....

    ExtJs获取表单元素的值

    这里,`Ext.getCmp('searchlist')`用于获取ID为`searchlist`的组件,然后调用`getForm()`方法获取与该组件关联的表单对象,最后调用`getValues()`方法来获取表单中的所有字段值,并将其存储在`objectjson`变量中。...

    JavaScript函数大全Word版

    JavaScript 中的基本数据类型包括 `String`、`Number`、`Boolean`、`Null`、`Object` 和 `Function`。例如: ```javascript let str = "Hello"; // String let num = 123; // Number let bool = true; // Boolean ...

    JavaScript禁止用户多次提交的两种方法_.docx

    在Web开发中,用户可能会因为误操作或者网络延迟而反复点击提交按钮,这可能导致服务器接收到重复的请求,从而加重服务器负担。为了避免这种情况,JavaScript提供了一些方法来限制用户多次提交。本文将详细介绍两种...

    AjAX JavaScript中使用表单实现留言功能

    在JavaScript编程中,实现网页的动态交互功能是一个重要的任务,其中AJAX(Asynchronous JavaScript and XML)技术的应用尤为广泛。本篇文章将详细讲解如何利用AJAX和JavaScript在网页上实现一个基本的留言功能。 ...

    利用JavaScript阻止表单提交的两种方法

    在JavaScript中,有几种方法可以实现这一点,本文将介绍两种常用的方法:使用return false以及使用event.preventDefault()。 首先,我们来看如何使用return false来阻止表单提交。在JavaScript中,表单提交是通过...

Global site tag (gtag.js) - Google Analytics