使用js获取表单元素的值
function getParams(formName) {
var frmMain = document.getElementById(formName)?document.getElementById(formName):document.getElementsByName(formName)[0];
var keys="";
var values="";
var params="";
var textarea=new Array();
var textareaValue=new Array();
var hidden=new Array();
var hiddenValue=new Array();
var select=new Array();
var selectValue=new Array();
var text=new Array();
var textValue=new Array();
var checkboxValue=new Array();
var checkboxAll=new Array();
var checkbox=new Array();
var radio=new Array();
var radioAll=new Array();
var radioValue=new Array();
/**
* checkbox
*/
for(var c0=0;c0<frmMain.length;c0++){
if(frmMain.elements[c0].type=='checkbox'){
if(frmMain.elements[c0].name!="" && frmMain.elements[c0].name!=undefined){
checkboxAll.push(frmMain.elements[c0].name);
}
}
}
checkboxAll.sort();
for(var c1=0;c1<checkboxAll.length;c1++){
if(checkboxAll[c1]==checkboxAll[c1+1]){
continue;
}
checkbox[checkbox.length]=checkboxAll[c1];
}
for(var c2=0;c2<checkbox.length;c2++){
var checkboxArr=document.getElementsByName(checkbox[c2]);
checkboxValue[c2]="";
for(var c3=0;c3<checkboxArr.length;c3++){
if(checkboxArr[c3].checked){
checkboxValue[c2]+=checkboxArr[c3].value+"<#ARR>";
}
}
}
/**
* radio
*/
for(var r0=0;r0<frmMain.length;r0++){
if(frmMain.elements[r0].type=='radio'){
if(frmMain.elements[r0].name!="" && frmMain.elements[r0].name!=undefined){
radioAll.push(frmMain.elements[r0].name);
}
}
}
radioAll.sort();
for(var r1=0;r1<radioAll.length;r1++){
if(radioAll[r1]==radioAll[r1+1]){
continue;
}
radio[radio.length]=radioAll[r1];
}
for(var r2=0;r2<radio.length;r2++){
var radioArr=document.getElementsByName(radio[r2]);
radioValue[r2]="";
for(var r3=0;r3<radioArr.length;r3++){
if(radioArr[r3].checked){
radioValue[r2]=radioArr[r3].value;
}
}
}
/**
* text
*/
for(var t0=0;t0<frmMain.length;t0++){
if(frmMain.elements[t0].type=='text'){
if(frmMain.elements[t0].name!="" && frmMain.elements[t0].name!=undefined){
text.push(frmMain.elements[t0].name);
textValue.push(frmMain.elements[t0].value);
}
}
}
/**
* textarea
*/
for(var t1=0;t1<frmMain.length;t1++){
if(frmMain.elements[t1].type=='textarea'){
if(frmMain.elements[t1].name!="" && frmMain.elements[t1].name!=undefined){
textarea.push(frmMain.elements[t1].name);
textareaValue.push(frmMain.elements[t1].value);
}
}
}
/**
* select_one
*/
for(var s0=0;s0<frmMain.length;s0++){
if(frmMain.elements[s0].type=='select-one'){
if(frmMain.elements[s0].name!="" && frmMain.elements[s0].name!=undefined){
select.push(frmMain.elements[s0].name);
selectValue.push(frmMain.elements[s0].value);
}
}
}
/**
* hidden
*/
for(var h0=0;h0<frmMain.length;h0++){
if(frmMain.elements[h0].type=='hidden'){
if(frmMain.elements[h0].name!="" && frmMain.elements[h0].name!=undefined){
if(frmMain.elements[h0].name!='parameters'){
hidden.push(frmMain.elements[h0].name);
hiddenValue.push(frmMain.elements[h0].value);
}
}
}
}
for(var v1=0;v1<textValue.length;v1++){
values+=textValue[v1]+"<#>";
}
for(var v6=0;v6<textareaValue.length;v6++){
values+=textareaValue[v6]+"<#>";
}
for(var v2=0;v2<radioValue.length;v2++){
values+=radioValue[v2]+"<#>";
}
for(var v3=0;v3<checkboxValue.length;v3++){
values+=checkboxValue[v3]+"<#>";
}
for(var v4=0;v4<selectValue.length;v4++){
values+=selectValue[v4]+"<#>";
}
for(var v5=0;v5<hiddenValue.length;v5++){
if(v5==hiddenValue.length-1){
if(hiddenValue[v5]==""){
hiddenValue[v5]="<#NULL>";
}
}
values+=hiddenValue[v5]+"<#>";
}
values=values.substring(0,values.length-3);
values=values.split(" ").join("<#SPA>");
for(var k1=0;k1<text.length;k1++){
keys+=text[k1]+",";
}
for(var k6=0;k6<textarea.length;k6++){
keys+=textarea[k6]+",";
}
for(var k2=0;k2<radio.length;k2++){
keys+=radio[k2]+",";
}
for(var k3=0;k3<checkbox.length;k3++){
keys+=checkbox[k3]+",";
}
for(var k4=0;k4<select.length;k4++){
keys+=select[k4]+",";
}
for(var k5=0;k5<hidden.length;k5++){
keys+=hidden[k5]+",";
}
keys=keys.substring(0,keys.length-1);
params=keys+"|"+values;
frmMain.parameters.value=params;
}
使用js获取表单元素的值的更多相关文章
- JS获取表单元素的value
<!-- 1.option selected属性,如果我们在下拉列表里面选择了一个option那么他的selected="true" ,如果我们想设置当前的option是选中 ...
- JavaScript之控制表单元素的值
表单元素.value 获取表单元素的值 表单元素.value='这是修改后的值' 修改表单元素的值 案例: (1)html <input type="text" id=&qu ...
- jQuery 获取、设置表单元素的值
获取表单元素值: 文本框,文本区域: $("#txt").attr("value"): 多选框 checkbox:$("#checkbox_id&qu ...
- 在JS中将指定表单内的“具有name数据的表单元素的值”封装为Get形式的字符串
//封装post时候,表单中所有具有name数据的表单元素的值,并返回“n=1&p=a” function serialize(formid) { var arr = []; var ipts ...
- jQuery 表单元素取值与赋值方法总结
一.普通文本框的赋值与取值 1.1.1赋值 <h2>jQuery 表单元素取值与赋值方法总结</h2> <input type="text" clas ...
- jquery获取表单元素与回显
一.获取哦表单元素 dcoument表单文本对象的集合 all[] 对所有html元素的访问 forms 返回对文档中所有form对象的引用 forms[1] 对所有form对象引用 <scri ...
- form表单元素的值序列化成对象
/** * 将form表单元素的值序列化成对象 * param: form jquery form对象 */ var serializeObject = function(form) { var o ...
- 将form表单元素的值序列化成对象
/**jQuery * 将form表单元素的值序列化成对象 * @returns object */ var serializeObject = function(form) { var o = {} ...
- `<jsp:getProperty>`动作和`<jsp:setProperty>`动作的使用在一个静态页面填写图书的基本信息,页面信息提交给其他页面,并且在其页面显示。要去将表单元素的值赋值给Java
<jsp:getProperty>动作和<jsp:setProperty>动作的使用 1.<jsp:getProperty>动作 语法格式: <jsp:get ...
随机推荐
- 分支结构if……else
语法: if(条件) 语句或语句块1 end else begin 语句或者语句块2 end 特点: . else并不一定是必须的. . 如否条件为真,将执行语句和语句块1,条件为假时执行语句或语句块 ...
- git本地分支关联远程分支
问题描述: 从远程master克隆下来以后, 在本地创建wf_dev分支, 此时执行git pull 操作出现图中问题. 这是因为:本地的wf_dev分支还没有和远程的wf_dev进行关联. 执行: ...
- lua继承
lua中其实是没有类的,有的只是表(table) lua查找一个表元素时的规则,其实就是如下3个步骤: 1.在表中查找,如果找到,返回该元素,找不到则往下看: 2.判断该表是否有元表,如果没有元表,返 ...
- github使用手册
1.git init 2.git add README.md (增加文件夹/文件:git add dir/files) 3.git commit -m "注释内容” 4.git push - ...
- es6变量解构赋值的用途
这里是我觉得es6解构赋值,在平时我们写js的时候非常有用,而且经常用到的地方,能简化我们的代码,让写代码简介优雅易读; 用途 1.交换变量的值,太方便了这逼,写法不仅简介而且一看就明白 let [x ...
- Java入门到精通——调错篇之Spring2.5使用AOP时报错only available on JDK 1.5 and higher
一.问题描述及原因. 在Spring2.5Aop例子中的时候会出现一个错误only available on JDK 1.5 and higher,大概意思就是需要JDK1.5甚至更高版本.但是我用的 ...
- CSS3中的变形与动画(一)
CSS3变形篇 旋转rotate() 旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转.它主要在二维空间内进行操作,设置一个角度值,用来指定旋转的幅度.如果这个值为正值,元素相对原点中 ...
- mac 上配置 maven
1. 将maven压缩包解压至/Users/suqiuhui/Applications目录下的新建文件夹dev下 2. 打开终端(系统根目录,~/下) 3. 如果没有 .bash_profile 文件 ...
- Angular js ng-bind 和ng-module的区别
1.ng-bind 是从$scope ->view 的单向绑定 ,<span ng-bind="object.***"></span>只用于展示数据 ...
- 关于String s = new String("xyz");创建了几个字符串对象?的问题
引用自这位朋友:http://blog.sina.com.cn/s/blog_6a6b14100100zn6r.html 首先让我们了解几个概念: 栈:由JVM分配区域,用于保存线程执行的动作和数据引 ...