1. 程式人生 > >Js 獲取表單中各標籤的值

Js 獲取表單中各標籤的值

初學JavaScript,但由於Js的語言特性,以及用法靈活多樣,常常不知所措,但是總的來說,學好一門語言很難,想要很好的運用更難,不過我們可以選擇一些適合自己的用法即可,並不需要面面俱到,能夠解決問題就行。
寫此博文,只是想記錄下一些自己學習的東西,畢竟網上海羅人家的東西需要時間來消化,倒不如自己寫寫,興許忘了德時候也能夠找的到。
本文主要記錄Js中獲取表單中的各標籤資料的用法。

以下用法將以此程式碼段為例:

<form action='' method='' name='form1'>
    <input type='text' name='content
' id='content'> </form>

用法一:html中直接傳參

<input type='text' id='content' onBlur='check(this.value)'>

此用法是在input失去焦點時觸發js的check(obj)函式,並將<當前input的資料傳遞過去。

用法二:通過form的name屬性直接獲取(js)

var txt = form1.content.value;

用法三:通過id和name並經由dom來取得

var txt = document.getElementById("content"
).value; var txts = document.getElementByName("content").value;

更多方法留等以後補充!