当前位置： 移动技术网 > IT编程>脚本编程>Ajax > Ajax中通过JS代码自动获取表单元素值的示例代码

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

2017年12月12日  | 移动技术网IT编程  | 我要评论

我们在使用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函数即可获取表单中所有元素的值了。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网