JavaScript獲取表單內(nèi)所有元素值的方法

更新時間：2015年04月02日 15:22:05 作者：work24

這篇文章主要介紹了JavaScript獲取表單內(nèi)所有元素值的方法,實例分析了javascript操作表單元素的技巧,非常具有實用價值,需要的朋友可以參考下

本文實例講述了JavaScript獲取表單內(nèi)所有元素值的方法。分享給大家供大家參考。具體如下：

下面的JS代碼可以遍歷指定表單中的所有元素，并輸出元素的值

<!DOCTYPE html>
<html>
<body>
<form id="frm1" action="form_action.aspx">
First name: <input type="text" name="fname" value="Donald"><br>
Last name: <input type="text" name="lname" value="Duck"><br>
<input type="submit" value="Submit">
</form>
<p>Return the value of each element in the form:</p>
<script>
var x=document.getElementById("frm1");
for (var i=0;i<x.length;i++)
{
document.write(x.elements[i].value);
document.write("<br>");
}
</script>
</body>
</html>

希望本文所述對大家的javascript程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

判斷復(fù)選框是否被選中的兩種方法
這篇文章主要介紹了判斷復(fù)選框是否被選中的兩種方法，經(jīng)測試還不錯，大家可以學(xué)習(xí)下
2014-06-06
深入理解JavaScript系列(12) 變量對象（Variable Object）
JavaScript編程的時候總避免不了聲明函數(shù)和變量，以成功構(gòu)建我們的系統(tǒng)，但是解釋器是如何并且在什么地方去查找這些函數(shù)和變量呢
2012-01-01
Layui Table js 模擬選中checkbox的例子
今天小編就為大家分享一篇Layui Table js 模擬選中checkbox的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
詳解JavaScript的另類寫法
這篇文章主要介紹了詳解JavaScript的另類寫法的相關(guān)資料,需要的朋友可以參考下
2016-04-04
es6數(shù)組之擴展運算符操作實例分析
這篇文章主要介紹了es6數(shù)組之擴展運算符操作,結(jié)合實例形式總結(jié)分析es6數(shù)組擴展運算符具體原理、實現(xiàn)方法及操作注意事項,需要的朋友可以參考下
2020-04-04
js圖片查看器插件用法示例
這篇文章主要介紹了js圖片查看器插件用法,結(jié)合實例形式分析了圖片查看器插件viewer.js簡單使用技巧,需要的朋友可以參考下
2019-06-06
全屏滾動插件fullPage.js使用實例解析
這篇文章主要為大家解析了全屏滾動插件fullPage.js使用實例,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-10-10
js實現(xiàn)通過開始結(jié)束控制的計時器
這篇文章主要為大家詳細介紹了js實現(xiàn)通過開始結(jié)束控制的計時器，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-02-02
JS實現(xiàn)保留n位小數(shù)的四舍五入問題示例
這篇文章主要介紹了JS實現(xiàn)保留n位小數(shù)的四舍五入問題,結(jié)合完整實例形式分析了javascript針對小數(shù)四舍五入操作技巧,需要的朋友可以參考下
2016-08-08
詳解如何在webpack中做預(yù)渲染降低首屏空白時間
這篇文章主要介紹了詳解如何在webpack中做預(yù)渲染降低首屏空白時間，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-08-08