JavaScript（7）：获取表单中的所有name-value的值

Geoffwo

已于 2023-01-07 10:15:09 修改

阅读量764

点赞数 1

分类专栏： JavaScript 文章标签： javascript 前端 java

于 2023-01-04 12:41:53 首次发布

本文链接：https://blog.csdn.net/wgx_0504/article/details/128546252

版权

JavaScript 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

分析

获取表单中的所有name-value的值
并以key=value1&key=value2的形式拼接

代码

//获取表单中的所有name-value的值
//并以key=value1&key=value2的形式拼接
function getInputElementsData () {
    //获取表单内的元素
    //querySelector()方法仅仅返回匹配指定选择器的第一个元素
    var formElements=document.querySelector("form").elements;

    // 拼接表单数据
    var data = '';
    for (var i = 0; i < formElements.length; i++) {
    	//如果不是按钮
        if(formElements[i].type!='button'&&formElements[i].type!='submit'){
            data += formElements[i].name + '=' + formElements[i].value + '&';
        }
    }

    // 去掉最后一个&
    data = data.substring(0, data.length - 1);

    return data;
}