国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

原生js實現(xiàn)獲取form表單數(shù)據(jù)代碼實例

2019-11-19 11:56:27
字體:
供稿:網(wǎng)友

本文實例為大家分享了原生js實現(xiàn)獲取form表單數(shù)據(jù)的具體代碼,供大家參考,具體內(nèi)容如下

//獲取指定form中的所有的<input>對象 function getElements(formId) {   var form = document.getElementById(formId);   var elements = new Array();   var tagElements = form.getElementsByTagName('input');   for (var j = 0; j < tagElements.length; j++){     elements.push(tagElements[j]);   }   var tagElements = form.getElementsByTagName('select');   for (var j = 0; j < tagElements.length; j++){     elements.push(tagElements[j]);   }   var tagElements = form.getElementsByTagName('textarea');   for (var j = 0; j < tagElements.length; j++){     elements.push(tagElements[j]);   }  return elements; } //組合URL function serializeElement(element) {   var method = element.tagName.toLowerCase();   var parameter;   if(method == 'select'){    parameter = [element.name, element.value];   }  switch (element.type.toLowerCase()) {     case 'submit':     case 'hidden':     case 'password':     case 'text':    case 'date':    case 'textarea':        parameter = [element.name, element.value];       break;    case 'checkbox':     case 'radio':       if (element.checked){        parameter = [element.name, element.value];       }      break;      }   if (parameter) {     var key = encodeURIComponent(parameter[0]);     if (key.length == 0)       return;     if (parameter[1].constructor != Array)       parameter[1] = [parameter[1]];     var values = parameter[1];     var results = [];     for (var i = 0; i < values.length; i++) {       results.push(key + '=' + encodeURIComponent(values[i]));     }     return results.join('&');   } } //調(diào)用方法  function serializeForm(formId) {   var elements = getElements(formId);   var queryComponents = new Array();   for (var i = 0; i < elements.length; i++) {     var queryComponent = serializeElement(elements[i]);     if (queryComponent) {      queryComponents.push(queryComponent);     }   }   return queryComponents.join('&'); } 

最后通過serializeForm(formId);輸入form的id名稱即可實現(xiàn),返回數(shù)據(jù)為

id=1&title=%E6%B4%BB%E5%8A%A8&time=2017-07-10&status=1&importance=0&desc=%E5%9C%A8%E4%BA%8C%E6%A5%BC%E5%8A%9E%E5%85%AC%E5%AE%A4%E5%BC%80%E4%BC%9A%EF%BC%8C%E4%B8%80%E7%82%B9%E9%92%9F

以上所述是小編給大家介紹的原生js實現(xiàn)獲取form表單數(shù)據(jù)詳解整合,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對武林網(wǎng)網(wǎng)站的支持!

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 扶风县| 玛纳斯县| 榕江县| 南平市| 昌乐县| 繁峙县| 麻江县| 濉溪县| 台前县| 会昌县| 台江县| 彰化县| 建水县| 治多县| 丹棱县| 嘉善县| 和硕县| 汨罗市| 收藏| 昌乐县| 广东省| 章丘市| 青冈县| 德庆县| 堆龙德庆县| 应城市| 武隆县| 锦屏县| 舞钢市| 和平县| 海宁市| 台南县| 原阳县| 江达县| 崇义县| 乌什县| 新宾| 沙田区| 满城县| 海伦市| 高雄县|