使用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 ...
随机推荐
- WebAssembly简单指导---译
开发者指导 本页面提供一步一步的操作将一个简单的程序编译成webassembly 前提要求 为了编译成webAssembly,需要提前安装一些工具: Git.在Linux和OSX下已自带了Git,在W ...
- mysql安装与使用
一.Mysql官方下载地址:https://www.mysql.com/downloads/ 二.下载 Community Server,这个版本是完全免费的 https://dev.mysql.c ...
- mysql 语句学习一 关于系统信息的查询
首先说一下,SQL语句是不区分大小写的. 1.SELECT VERSION(); -- 查询当前版本号 2.SELECT CURRENT_TIME(); -- 查询当前时间 3.S ...
- 类数组arguments
var isArray = function(){ return arguments; } isArray(1,2,3); // 返回[1,2,3] isArray.call(null,1,2,3); ...
- 在Windows 7 上安装 Mapnik
环境: 1.Windows 7_64位 2.Python 2.7_32位 步骤: 1.下载 Mapnik SDK http://mapnik.org/download/ 我下载的是 Windo ...
- IoT Architecture
- 修改mysql编码方式
第一种: 通过mysql命令行修改: 1)首先查看数据库字符编码,命令为: show variables like’collation_%’; show variables like’char ...
- django视图函数解析(三)
1 视图views概述 1 作用: 视图接受web请求并响应web请求 2 本质: 视图就是python中的处理函数 3 响应: 一般是一个网页的HTML内容.一个重定向.错误信息页面.json格式的 ...
- 【Spring实战】—— 15 Spring JDBC模板使用
前一篇通过对传统的JDBC的使用操作,可以体会到使用的繁琐与复杂,套句话说,是用了20%作了真正的工作,80%作了重复的工作. 那么通过本篇,可以了解如下的内容: 1 如何配置数据源 2 如何在spr ...
- myeclipse 阿里巴巴java开发规范
今天发现阿里巴巴搞了个java开发规范,然后火了: 然后发现我也整了一下: 阿里巴巴java开发规范宣传页: http://mp.weixin.qq.com/s/IbibsXlWHlM59kfXJqR ...