欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Ajax中通过JS代码自动获取表单元素值的示例代码

程序员文章站 2023-11-14 19:25:22
我们在使用ajax的时候,通常需要获取表单元素值,然后发送给后台的服务器端程序处理。如果表单元素不多的情况我们常常会通过get方式来获取表单元素值,但如果表单元素非常多,此...

我们在使用ajax的时候,通常需要获取表单元素值,然后发送给后台的服务器端程序处理。如果表单元素不多的情况我们常常会通过get方式来获取表单元素值,但如果表单元素非常多,此时就需要用post方式来获取表单元素值,那么如何来获取表单元素值呢?下面给出一段js代码即可自动获取表单元素的值了。

function getformquerystring(frmid) //frmid是表单的id号,请在表单form中先命名一个id号
{
var frmid=document.getelementbyid(frmid);
var i,querystring = "", and = "";
var item;
var itemvalue;
for( i=0;i<frmid.length;i++ )
{
item = frmid[i];
if ( item.name!='' )
{
if ( item.type == 'select-one' )
{
itemvalue = item.options[item.selectedindex].value;
}
else if ( item.type=='checkbox' || item.type=='radio')
{
if ( item.checked == false )
{
continue; 
}
itemvalue = item.value;
}
else if ( item.type == 'button' || item.type == 'submit' || item.type == 'reset' || item.type == 'image')
{
continue;
}
else
{
itemvalue = item.value;
}
itemvalue = escape(itemvalue);
querystring += and + item.name + '=' + itemvalue;
and="&";
}
}
return querystring;
}

调用方法:直接在ajax中调用以上js函数即可获取表单中所有元素的值了。