js表单序列化

最新推荐文章于 2024-02-20 10:14:02 发布

原创最新推荐文章于 2024-02-20 10:14:02 发布 · 454 阅读

0 ·

CC 4.0 BY-SA版权

js-函数封装专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种用于将HTML表单元素转换为URL编码字符串的方法。该方法支持处理多种类型的表单字段，包括单选框、复选框及下拉菜单等。对于下拉菜单，该方法能正确处理带有或不带'value'属性的选项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function serialize(form){
	var parts=[],
		field=null,
		i,len,j,optLen,option,optValue;
	for(i=0,len=form.elements.length;i<len;i++){
		field=form.elements[i];
		switch(field.type){
			case :'select-one':
			case :'select-multiple':
				 {
				 	if(field.name.length){
				 		for(j=0,optLen=field.options.length;j<optLen;j++){
				 			option=field.options[j];
				 			if(option.selected){
				 				optValue='';
				 				if(option.hasAttribute){
				 					optValue=(option.hasAttribute('value')?option.value:option.text);							
				 				}
				 				else{
				 					optValue=(option.attributes['value'].specified?option.value:option.text);
				 				}
				 				parts.push(encodeURIComponent(field.name)+'='+encodeURIComponent(optValue));
				 			}
				 		}
				 	}
				 	break;
				 }
			case :'undefined':
			case :'file':
			case :'submit':
			case :'reset':
			case :'button':break;
			case :'radio':
			case :'checkbox':
				if(!field.checked){
					break;
				}
			default :
				if(field.name.length){
					parts.push(encodeURIComponent(field.name)+'='+encodeURIComponent(field.value));
				}
		}
	}
	return parts.join('&');
}