iT邦幫忙

3

JQuery 如何取得form內所有input值[剛問完馬上找到答案= =]

  • 分享至 

  • xImage

有個JQuery取值的小問題
我拿這個作者的範例當例子(Github)

其中在magic.js內
有一段程式碼如下

var formData = {
    'name' 			 : $('input[name=name]').val(),
    'email' 		 : $('input[name=email]').val(),
    'superheroAlias' : $('input[name=superheroAlias]').val()
};

我想問的是..
如果我有50個欄位
甚至100個欄位
光這段程式碼就要寫50至100行(遍)

有沒有辦法在我onsubmit()
一次性直接取得所有input值(含textarea、checkbox、radio..等)
並且變成json可以讓我往ajax丟

已解決:
使用serializeArray()方法

q00153 iT邦新手 3 級 ‧ 2018-01-12 09:54:45 檢舉
假設你的 form id 是form1
使用下列任一語法就行
第一個會拼成字串型式
第二個會拼成陣列型式

var formData = $('#form1').serialize();
var formData = $('#form1').serializeArray();
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友回答

立即登入回答