原生js实现表单序列化

var $form= document.getElementById("biaodan");
		var btn = document.getElementById("btn");

		btn.onclick = function(){
			//得到表单中的所有控件
			var elems = $form.elements;
			//结果数组
			var arr = [];

			//遍历所有的控件
			for(var i = 0 ; i < elems.length ; i++){
				//当前遍历的元素
				var e = elems[i];
				//分类讨论：
				switch(e.type){
					//如果控件的类型是个按钮，则没有任何返回值
					case "button" :
					case "submit" :
					case "reset" :
						break;
					case "text" :
					case "password" :
					case "textarea" :
						arr.push(e.name + "=" + e.value);
						break;
					case "radio":
					case "checkbox":
					//选中才有返回值
						e.checked && arr.push(e.name + "=" + e.value);
						break;
					case "select-one":
						var options = e.getElementsByTagName("option");
						console.log(options);
						for(var j = 0 ; j < options.length; j++){
							if(options[j].selected){
								arr.push(e.name + "=" + options[j].value);
							}
						}
						break;
				}
			}

			return arr.join("&");
		}