JavaScript獲取表單內(nèi)所有元素值的方法
本文實(shí)例講述了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>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
- JS document form表單元素操作完整示例
- javascript獲取form里的表單元素的示例代碼
- javascript實(shí)現(xiàn)的動(dòng)態(tài)添加表單元素input,button等(appendChild)
- JS獲取表單中的元素和取值方法
- JavaScript使用表單元素驗(yàn)證表單的示例代碼
- JavaScript實(shí)現(xiàn)動(dòng)態(tài)添加Form表單元素的方法示例
- Javascript簡(jiǎn)單改變表單元素背景的方法
- JavaScript顯示表單內(nèi)元素?cái)?shù)量的方法
- js創(chuàng)建表單元素并使用submit進(jìn)行提交
- JavaScript實(shí)現(xiàn)表單元素的操作
相關(guān)文章
JavaScript實(shí)現(xiàn)簡(jiǎn)單圖片翻轉(zhuǎn)的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)單圖片翻轉(zhuǎn)的方法,涉及javascript操作圖片與數(shù)組的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-04-04JavaScript優(yōu)化專(zhuān)題之Loading and Execution加載和運(yùn)行
這篇文章主要介紹了JavaScript優(yōu)化專(zhuān)題中Loading and Execution加載和運(yùn)行的相關(guān)資料,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-01-01uniapp自定義tabbar的方法(支持中間凸起、角標(biāo)、動(dòng)態(tài)隱藏tab和全端適用)
一個(gè)項(xiàng)目有多個(gè)角色,比如醫(yī)生和患者,tabBar跳轉(zhuǎn)的路徑不一樣,但是在pages.json中無(wú)法配置多個(gè)tabBar,這時(shí)候就要自定義tabBar了,下面這篇文章主要給大家介紹了關(guān)于uniapp自定義tabbar(支持中間凸起、角標(biāo)、動(dòng)態(tài)隱藏tab和全端適用)的相關(guān)資料,需要的朋友可以參考下2023-04-04Bootstrap 3的box-sizing樣式導(dǎo)致UEditor控件的圖片無(wú)法正常縮放的解決方案
這篇文章主要介紹了Bootstrap 3的box-sizing樣式導(dǎo)致UEditor控件的圖片無(wú)法正??s放的解決方案的相關(guān)資料,需要的朋友可以參考下2016-09-09Firefox下設(shè)為主頁(yè)的JavaScript代碼
在IE下,我們可以輕松使用以下代碼來(lái)實(shí)現(xiàn)設(shè)置主頁(yè) 但在firefox我們需要做的更多2008-09-09js監(jiān)聽(tīng)輸入框值的即時(shí)變化onpropertychange、oninput
很多情況下我們都會(huì)即時(shí)監(jiān)聽(tīng)輸入框值的變化,以便作出即時(shí)動(dòng)作去引導(dǎo)瀏覽者增強(qiáng)網(wǎng)站的用戶(hù)體驗(yàn)感。2011-07-07Javascript獲取background屬性中url的值
Javascript獲取CSS中屬性值方法有很多,今天工作的時(shí)候遇到了一個(gè)問(wèn)題是需要利用Javascript獲取css中background-img屬性u(píng)rl的值,通過(guò)查閱網(wǎng)站的資料找到了解決方法,現(xiàn)在將方法分享給大家,有需要的朋友們們可以參考借鑒,下面來(lái)一起看看吧。2016-10-10Vue之vue-tree-color組件實(shí)現(xiàn)組織架構(gòu)圖案例詳解
這篇文章主要介紹了Vue之vue-tree-color組件實(shí)現(xiàn)組織架構(gòu)圖案例詳解,本篇文章通過(guò)簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-09-09