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

jquery javascript ajax json form

king742171 2018-01-12 09:47:41 ‧ 22302 瀏覽

分享至

其中在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 }} |

直播中

尚未有邦友回答

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22201 篇

完賽人數

602 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙

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

尚未有邦友回答

標記使用者