Formset表单设置函数库
一、从基本说起
B/S开发，最基础的人机交互是什么？数据来自哪里？（产生的和输入的[废话...此处省略N万字....]）。是表单。常规的软件都必不可少的过程是 用户输入--》处理--》存储--》读取修改。数据存在数据库里木用，要动起来，就要交互。于是..........
二、过程
1.用户输入
通过以下几种表单元素，展示给用户，通过输入、点击、拖曳等形式操作，然后获取用户的动作。
文本框、多行文本域、下拉菜单、单选按钮、复选按钮、隐藏域。
2.处理存储
3.读取修改
把现有的数据读出来，再以表单形式展示。恰恰是这一步，让程序员头疼，明明和添加过程相似，还要机械性的写一遍，简直是浪费人力。根据不同的表单元素，还要损耗脑细胞啊。
文本框：以 value = 形式设值
多行文本：在textarea之间输出值
下拉菜单：这个怎么办？获取值，用编程判断选项的值，在值符合的一项，多输出一个selected，要重新输出一次菜单。
单选按钮：这个呢？判断符合的值，输出checked。
复选按钮：判断是否空值，然后决定是否checked。
要调用页面元素：document.getElementById ，汗偶英文不好，总记不住这长的一串单词。。。。
还有些元素属性的设置，元素的隐藏与显示。。。。。。
明明是很简单的问题，非要用编程实现，有时间容许这样挥霍么？
三、解决方法
现在你不必要编程来解决很白痴又浪费时间的问题了，之需要引用一个js，读取值输出就可了。
Formset.js
CODE:[Copy to clipboard]var Radiov = ＆＃39;null＆＃39;;
var Rarray = ＆＃39;null＆＃39;;
var EType;
//DreamEcm Formset
//Date: Jul 13, 2006
//Copyright: DreamSoft Co.,Ltd.
//Mail:
[email protected] //Author: Egmax
/***
Input(＆＃39;Element_id＆＃39;,＆＃39;value＆＃39;);
***／
function Input(Eid, v)
{
$(Eid).value = v;
}
/***
Select(＆＃39;Element_id＆＃39;,＆＃39;value＆＃39;);
***／
function Select(Eid,v)
{
var _obj = $(Eid);
for(var i=0; i＜_obj.options.length; i )
if(_obj.options.value == v) { _obj.selectedIndex = i; break; }
}
/***
Checkbox(＆＃39;Element_id＆＃39;,＆＃39;value＆＃39;);
***／
function Checkbox(Eid,v)
{
if(v != 0) $(Eid).click();
}
/***
Radio(＆＃39;Element_name＆＃39;, ＆＃39;value＆＃39;);
***／
function Radio(Ename, Evalue)
{
if(typeof(Radiov) == ＆＃39;string＆＃39;) Rarray = _GetRadio();
if(typeof(Rarray) == ＆＃39;string＆＃39;) return false;
for (var i=0; i＜Rarray.length; i ){
if (Rarray.name == Ename ＆＆ Rarray.value == Evalue) { Rarray.click(); break; }
}
}
/***
Set(Fid, v);
***／
function Set(Fid, v)
{
EType = $(Fid).type;
switch(EType) {
case ＆＃39;text＆＃39; : Input(Fid, v); break;
case ＆＃39;select-one＆＃39; : Select(Fid, v); break;
case ＆＃39;checkbox＆＃39; : Checkbox(Fid, v); break;
case ＆＃39;hidden＆＃39; : Input(Fid, v); break;
case ＆＃39;radio＆＃39; : Radio(Fid, v); break;
case ＆＃39;textarea＆＃39; : Input(Fid, v); break;
default : return false;
}
}
/***
$(＆＃39;Element_id＆＃39;,＆＃39;Element_id＆＃39;,..........);
return : obj array
***／
function Submit(Fname)
{
document.forms[Fname].submit();
}
/***
Dis(＆＃39;Element_id＆＃39;,＆＃39;Element_id＆＃39;,..........);
***／
function Dis(Eid)
{
if(arguments.length == 1) { $(Eid).disabled = true; return; }
var i;
for (i=0; i＜arguments.length; i )
if(typeof(arguments) == ＆＃39;string＆＃39;) $(arguments).disabled = true;
}
/***
$(＆＃39;Element_id＆＃39;,＆＃39;Element_id＆＃39;,..........);
return : obj array
***／
function $(EId)
{
if(arguments.length == 1) return document.getElementById(EId);
var i,Es = new Array();
for (i=0; i＜arguments.length; i )
if(typeof(arguments) == ＆＃39;string＆＃39;) Es.push(document.getElementById(arguments));
return Es;
}
/***
_GetRadio();
return : obj array
***／
function _GetRadio()
{
var _input = document.getElementsByTagName(＆＃39;input＆＃39;);
if(_input.length ＜ 1) return ＆＃39;null＆＃39;;
var i,Is = new Array();
for (i=0; i＜_input.length; i ) if(_input.type==＂radio＂) Is.push(_input);
Radiov = Is;
return Is;
}
示例：
CODE:[Copy to clipboard]＜script src=../../＆＃39;Formset.js＆＃39;＞＜/script＞
Input演示：＜input id=＆＃39;t_input＆＃39; name=＆＃39;test＆＃39;＞
＜br＞Input(＆＃39;t_input＆＃39;,＆＃39;123456＆＃39;);
＜br＞＜br＞
Select演示：
＜select id=＆＃39;t_select＆＃39; name=＆＃39;t_select＆＃39;＞
＜option value=＆＃39;aa＆＃39;＞aa001＜/option＞
＜option value=＆＃39;bb＆＃39;＞bb002＜/option＞
＜option value=＆＃39;cc＆＃39;＞cc003＜/option＞
＜option value=＆＃39;dd＆＃39;＞dd004＜/option＞
＜/select＞
＜br＞Select(＆＃39;t_select＆＃39;,＆＃39;cc＆＃39;);
＜br＞＜br＞
Checkbox演示：
＜input type=＆＃39;checkbox＆＃39; id=＆＃39;t_box＆＃39; value=0＞已经阅读
＜br＞Checkbox(＆＃39;t_box＆＃39;, 1);
＜br＞＜br＞
Radio演示：
＜input type=＆＃39;radio＆＃39; id=＆＃39;t_radio1＆＃39; name=＆＃39;f_radio＆＃39; value=＆＃39;aaa＆＃39;＞R1
＜input type=＆＃39;radio＆＃39; id=＆＃39;t_radio2＆＃39; name=＆＃39;f_radio＆＃39; value=＆＃39;bbb＆＃39;＞R2
＜input type=＆＃39;radio＆＃39; id=＆＃39;t_radio1＆＃39; name=＆＃39;f_radio2＆＃39; value=＆＃39;caaa＆＃39;＞R1
＜input type=＆＃39;radio＆＃39; id=＆＃39;t_radio2＆＃39; name=＆＃39;f_radio2＆＃39; value=＆＃39;cbbb＆＃39;＞R2
＜br＞Radio(＆＃39;f_radio＆＃39;, ＆＃39;bbb＆＃39;);
＜br＞＜br＞
Dis演示：＜br＞
Dis(＆＃39;t_input＆＃39;,＆＃39;t_select＆＃39;,＆＃39;t_box＆＃39;,＆＃39;t_radio1＆＃39;);
＜br＞＜br＞
Submit演示：＜br＞
Submit(＆＃39;tf＆＃39;);
＜textarea id=＆＃39;t_textarea＆＃39; name=＆＃39;f_radio＆＃39;＞＜/textarea＞
＜form action=＆＃39;0＆＃39; name=＆＃39;tf＆＃39; target=＆＃39;_blank＆＃39;＞＜/form＞
＜script＞
Set(＆＃39;t_input＆＃39;,＆＃39;123456＆＃39;); //这个是设置input的值
Set(＆＃39;t_select＆＃39;,＆＃39;cc＆＃39;); //这个是设置select的值
Set(＆＃39;t_box＆＃39;, 1); //这个是设置checkbox的值
Set(＆＃39;f_radio＆＃39;, ＆＃39;bbb＆＃39;); //这个是设置radio的值
Set(＆＃39;f_radio2＆＃39;, ＆＃39;cbbb＆＃39;);
Set(＆＃39;t_textarea＆＃39;, ＆＃39;cbbb＆＃39;); //这个是设置textarea的值
Dis(＆＃39;t_input＆＃39;,＆＃39;t_select＆＃39;,＆＃39;t_box＆＃39;,＆＃39;t_radio1＆＃39;); //这个是禁用某个元素，可以设置一个或多个参数
Submit(＆＃39;tf＆＃39;); //这个是提交name为tf的表单
＜/script＞
无论是文本框还是下拉菜单，现在你只需要调用 Set(元素id，元素的值)；
如果需要获取页面的元素，只需要 $(＆＃39;元素id＆＃39;) 就可取得元素，效果同 document.getElementById ，要取得多个元素，则设置多个参数。
四、结束
总之搞程序，就要学会偷懒，尽量一劳永逸。。。。。