一步获取所有form表单值,组成数组,传入ajax - javascript学习,js知识点 - CSS模版园-免费网站模版下载
当前位置 CSS模版园 >> 网站制作 >> javascript >> 一步获取所有form表单值,组成数组,传入ajax

一步获取所有form表单值,组成数组,传入ajax

ajax请求,一步获取所有form表单值传入参数

一步获取所有form表单值,组成数组,传入ajax

使用方式:

控件id格式:field_xxx

<form id="formid">
	<input id="field_username" type="text" />
	<input id="field_sex" type="text" />
</form>
var postdata = GetFormVal("formid"); //获取表单数据
$.ajax({
	url:xxx,
	data:postdata,
	success: function (data) {
		//....
	}
});

函数:

/***获取提交值**/
function GetFormVal(formid) {   
    var objs = $("*", $("#" + formid));
    var postdata = {};
    objs.each(function () {
        var o = $(this);
        if (o && !o.is('object') && o.attr("id") && o.attr("id").indexOf("field_") >= 0) {          
            var field = o.attr("id").replace("field_", "");
            if (o.hasClass("ignore")) {
                postdata[field] = "";
            } else {
                if (o.isTag("input")) {
                    if (o[0].type == "text" || o[0].type == "hidden" || o[0].type == "password") {                       
                            postdata[field] = o.val();
                    } else if (o.hasClass("checkbox")) {
                        postdata[field] = o.attr("checked") ? 1 : 0
                    }
                }
                else if (o.isTag("textarea")) {
                    postdata[field] = o.val();
                }
                else if (o.isTag("select")) {
                    postdata[field] = o.val();
                }
                else if (o.hasClass("radio")) {
                    postdata[field] = $("input[type='radio'][name='" + field + "']:checked").val();
                }               
            }
        }
    });  
    return postdata;   
}

声明本站所有资源仅供学习与参考,请勿用于商业用途。转载请注明来自:cssteach.com

原文http://cssteach.com/html/show-10-151.html

若文章内容有错误或无法下载,请在回复中说明(可无需登录,直接评论)

最新文章

图文

热门网站模版