亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

jQuery解決input超多的表單提交

2019-11-20 11:52:42
字體:
來源:轉載
供稿:網友

近段時間接到一個比較奇葩的需求,對方要求在企業站中加入一個類似word的表單,并供用戶在線填寫與提交。

仔細看了一下,該表單的字段高達一百多個,這個量級是相當可怕的。如果每個input手動去填寫id和name的話,該是一個多么可怕的體力活啊。

反復思考了一下,為避免苦逼的去逐個填寫input的id與name,決定用JS配合PHP的方式來解決這個表單一連串的提交工作。

表單組成部分

表單首先按照客戶的要求,將需要填寫的表格與選項按照word文檔的原型進行布局,使其符合用戶體驗,如下圖:

(上圖只是截取表單的一小部分作為范例,實際上這個表單是無比之大的)

當表單的html布局完成之后,我們就需要開始對這些表單的input設定id與name用于表單提交了。

前言中已經說道到了input非常多,所以我們這里采用JS的方式來為input自動添加id與name。代碼如下(jquery方式):

$(document).ready(function(){var inputNum = 0;$(‘input').each(function(){$(this).attr({name:‘val'+inputNum,id:‘val'+inputNum});inputNum++})})

通過js處理后,該頁面的所有input都會自動按照自增1的方式對id和name進行添加。至此,這個表單的基本上可以正常使用了。(frome咱就不解釋了,程序員都懂的。)

表單GET部分

OK,上面已經可以正常的把表單提交到PHP程序中進行處理了。當然上面的辦法也適用于任何一種web程序,比如說.net,jsp,asp等等…..

下一步我們就需要對提交過來的字符串進行拆解,以獲取表單內的值。關于如何獲取表單的傳值,本文就不做解釋了。

由于表單傳過來的值也是N個,所以我們也不可能一個一個的去寫數組變量來獲取這些值,所以這里也需要用到一些辦法來處理。

好,下面我們來說正事。首先我們按照之前的js程序邏輯來思考,如何讓這些數組每個自增1來實現數組的輸出。

程序代碼如下:

<?php$num = 0; //初始化計數變量$_REQUEST[‘val'.$num]; $num++; //插入到需要獲取值的地方,每個需要獲取傳值的地方重復使用這串代碼即可?>

這組代碼主要用在表單input與request順序一致的情況下使用,如果不能一一對應順序的話,則會出現混亂。因此用的時候需要慎重!

提交數據庫的時候可以考慮使用foreach的方式將獲取的傳參處理成數組再插入數據庫會比較方便。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
最近中文字幕mv在线一区二区三区四区| 久久精品这里热有精品| 精品久久久久久久久久久| 亚洲国产精品小视频| 岛国av一区二区三区| 国内精品久久久久影院优| 亚洲成人激情在线观看| 亚洲精品乱码久久久久久按摩观| 亚洲成人999| 国产精品av免费在线观看| 日韩av在线一区二区| 91精品视频观看| 国产亚洲人成a一在线v站| 日韩中文字幕在线| 亚洲精品999| 97超级碰碰碰久久久| 久久国产精品久久久久久久久久| www.美女亚洲精品| 一区二区在线视频| 热久久这里只有精品| 日韩视频免费看| 91在线免费看网站| 91av网站在线播放| 日韩av成人在线观看| 精品香蕉一区二区三区| 精品久久久久久| 日韩精品中文字幕久久臀| 亚洲va久久久噜噜噜| 亚洲精品国产精品国自产观看浪潮| 国产中文欧美精品| 日韩亚洲国产中文字幕| 日韩在线观看免费全| 欧美午夜久久久| 日韩精品免费观看| 国产精品ⅴa在线观看h| 国产精品美女999| 成人激情电影一区二区| 亚洲人a成www在线影院| 亚洲女人天堂网| 91精品国产色综合久久不卡98| 97在线看免费观看视频在线观看| 自拍偷拍亚洲一区| 在线电影av不卡网址| 国产亚洲精品久久久久久| 97精品一区二区视频在线观看| 亚洲曰本av电影| 久久久久久97| 7m精品福利视频导航| 久久久免费电影| 日韩亚洲国产中文字幕| 九色成人免费视频| 国产精品福利网站| 51精品在线观看| 97久久超碰福利国产精品…| 日韩av手机在线观看| 国产人妖伪娘一区91| 欧美噜噜久久久xxx| 亚洲自拍另类欧美丝袜| 国产69精品久久久| 亚洲一区二区少妇| 欧美黄色成人网| 亚洲人成电影网站色xx| 日韩欧美在线视频免费观看| 午夜精品久久久久久久99黑人| 在线观看日韩av| 97视频人免费观看| 亚洲精品永久免费精品| 青青草国产精品一区二区| 久久99精品久久久久久噜噜| 国产午夜精品美女视频明星a级| 色在人av网站天堂精品| 日韩www在线| 亚洲香蕉成视频在线观看| 国产亚洲成av人片在线观看桃| 一区二区三区美女xx视频| 亚洲欧美精品在线| 亚洲一区二区久久久| 亚洲福利视频网站| 国产精品天天狠天天看| 亚洲精品视频网上网址在线观看| 91青草视频久久| 成人精品久久av网站| 欧美成人精品不卡视频在线观看| 精品亚洲va在线va天堂资源站| 欧美日韩国产一区中文午夜| 久久久久久国产| 亚洲人成网站777色婷婷| 亚洲综合成人婷婷小说| 亚洲精品一区二区三区婷婷月| 中文字幕亚洲欧美一区二区三区| 久久久精品免费| 美女扒开尿口让男人操亚洲视频网站| 欧美性猛交xxxx免费看| 狠狠干狠狠久久| 国模精品一区二区三区色天香| 国产欧美中文字幕| 国产脚交av在线一区二区| 欧美网站在线观看| 97国产精品视频人人做人人爱| 欧美精品久久久久久久| 精品国产乱码久久久久酒店| 在线观看日韩www视频免费| 欧美精品性视频| 久久久91精品| 欧美激情中文字幕乱码免费| 久久精品青青大伊人av| 久久久久久久一区二区| 午夜精品久久久99热福利| 欧美日韩中文在线观看| 国产精品白丝jk喷水视频一区| 亚洲精品免费网站| 久久69精品久久久久久久电影好| 91精品国产高清自在线| 深夜福利一区二区| 亚洲a级在线观看| 91欧美激情另类亚洲| 日韩欧美中文在线| 俺去了亚洲欧美日韩| 国产欧美日韩免费看aⅴ视频| 亚洲va欧美va国产综合剧情| 亚洲a∨日韩av高清在线观看| 国产成人午夜视频网址| 亚洲国内精品视频| 亚洲天堂开心观看| 欧美高清电影在线看| 欧美丰满少妇xxxxx| 66m—66摸成人免费视频| 欧美在线一区二区三区四| 国产91在线播放九色快色| 国产精品美女av| 亚洲欧美国产高清va在线播| 中文字幕少妇一区二区三区| 激情av一区二区| 国产精品精品视频一区二区三区| 久久视频在线看| 川上优av一区二区线观看| 精品国产31久久久久久| 青青久久aⅴ北条麻妃| 欧美网站在线观看| 亚洲香蕉av在线一区二区三区| 亚洲女人天堂成人av在线| 日韩美女中文字幕| 北条麻妃一区二区三区中文字幕| 成人久久久久久久| 亚洲精品中文字幕有码专区| 欧美日韩国产第一页| 国产精品成熟老女人| 成人xvideos免费视频| 国产98色在线| 欧美整片在线观看| 在线免费看av不卡| 国产精品∨欧美精品v日韩精品| 18一19gay欧美视频网站| 伊人伊成久久人综合网站| 美女精品久久久| 国产91对白在线播放| 久久99精品视频一区97| 亚洲日本成人女熟在线观看| 日韩欧美成人免费视频| 国产美女精品视频| 亚洲福利视频专区| 日韩电影在线观看免费| 亚洲美女性生活视频| 国产精品第2页|