我有一个javascript的脚本,已经实现了二级联动菜单,但是现在还需要实现:1、我点学校A,会把“学校a”这三个字自动填入到一个文本区里,2、我选择某个专业后会把选中的专业自动填写到另外一个文本区里,3、还有就是不要使用form标记,因为我的流程不允许使用form标记。谢谢,我已经想了好多天了,还是实现不了,请大家帮帮忙
我无法上传附件,只有写个连接了!
以下是附件连接
http://www.gdfscl.com/code.rar
我无法上传附件,只有写个连接了!
以下是附件连接
http://www.gdfscl.com/code.rar
document.getElementByID("id").value = 'value';
估计过两天连自己都不知道写的是什么了。可掌控的代码的规模与代码的美观是有一些
关系的<SCRIPT language=JavaScript>
/*
* 函数:Link2_POption_Change(Arr, PSelect, SSelect)
* 说明:一级下拉框改变时初始化二级下拉框的选项
* 作者:lg970044
* 输入:
* @参数 {Array}Arr 选项信息数组
* @参数 {String || Object}PSelect 一级下拉框的ID或对象
* @参数 {String || Object}SSelect 二级下拉框的ID或对象
* #参数 {String}EnableTip 是否加上提示项
* #参数 {String}TipName 提示项名称
* 输出:
* 无
*/
var OptionArr = new Array();
OptionArr[0] = new Array('a学校','1','0');
OptionArr[1] = new Array('工商企业管理','1','1');
OptionArr[2] = new Array('物流管理','2','1');
OptionArr[3] = new Array('电子商务','3','1');
OptionArr[4] = new Array('法律事务','4','1');
OptionArr[5] = new Array('商务英语','5','1');
OptionArr[6] = new Array('服装设计','6','1');
OptionArr[7] = new Array('平面广告设计与制作','7','1');
OptionArr[8] = new Array('汽车检测与维修','8','1');
OptionArr[9] = new Array('数控技术与模具制作','9','1');
OptionArr[10] = new Array('计算机应用技术','10','1');
OptionArr[11] = new Array('会计学','11','1');
OptionArr[12] = new Array('————','12','1');
OptionArr[13] = new Array('其它','13','1');
OptionArr[14] = new Array('b学校','3','0');
OptionArr[15] = new Array('汽车运用与维护','15','3');
OptionArr[16] = new Array('城市燃气工程','16','3');
OptionArr[17] = new Array('汽车制造与维修','17','3');
OptionArr[18] = new Array('数控技术应用','18','3');
OptionArr[19] = new Array('模具设计与制造','19','3');
OptionArr[20] = new Array('电子商务','20','3');
OptionArr[21] = new Array('其它','21','3');
OptionArr[22] = new Array('c学校','4','0');
OptionArr[23] = new Array('工商企业管理','22','4');
OptionArr[24] = new Array('商务英语','23','4');
OptionArr[25] = new Array('电子商务','24','4');
OptionArr[26] = new Array('会计学','25','4');
OptionArr[27] = new Array('物流管理','26','4');
OptionArr[28] = new Array('其它','27','4'); function $(strId){
return document.getElementById(strId);
}
function Link2_POption_Change(Arr, PSelect, SSelect)
{
if (typeof PSelect != 'object'){PSelect = document.getElementById(PSelect);}
if (typeof SSelect != 'object'){SSelect = document.getElementById(SSelect);}
//默认参数EnableTip(是否加上提示项)设为否
var EnableTip=arguments[3]?arguments[3]:'N';
//默认参数TipName(提示项名称)设为'请选择'
var TipName=arguments[4]?arguments[4]:'请选择';
var i=0,j=0;
//清空二级下拉框选项
SSelect.length = 0;
if (EnableTip=='Y'){
//二级下拉框添加提示项
SSelect.options[i] = new Option(TipName, '');
i++;
}
/*清空专业输入框*/
$("txtMajor").value="";
/*为学校输入框赋值*/
$("txtSchool").value=PSelect.options[PSelect.selectedIndex].text;
//取得一级下拉框选择的值
var PSelectValue=PSelect.options[PSelect.selectedIndex].value;
//为二级下拉框添加选项
for (j=0; j < Arr.length; j++){
if (Arr[j][2] == PSelectValue){
SSelect.options[i] = new Option(Arr[j][0], Arr[j][1]);
i++;
}
}
} /*
* 函数:Link2_PSOption_Init(Arr, PSelect, SSelect)
* 说明:初始化二级联动下拉框的选项
* 输入:
* @参数 {Array}Arr 选项信息数组
* @参数 {String || Object}PSelect 一级下拉框的ID或对象
* @参数 {String || Object}SSelect 二级下拉框的ID或对象
* #参数 {Number}PSelectValue 一级下拉框的预设值
* #参数 {Number}SSelectValue 二级下拉框的预设值
* #参数 {String}PEnableTip 一级下拉框是否加上提示项
* #参数 {String}PTipName 一级下拉框提示项名称
* #参数 {String}SEnableTip 二级下拉框是否加上提示项
* #参数 {String}STipName 二级下拉框提示项名称
* 输出:
* 无
*/
function Link2_PSOption_Init(Arr, PSelect, SSelect)
{
if (typeof PSelect != 'object'){PSelect = document.getElementById(PSelect);}
if (typeof SSelect != 'object'){SSelect = document.getElementById(SSelect);}
//默认参数PSelectValue(一级下拉框的预设值)设为0
var PSelectValue=arguments[3]?arguments[3]:0;
//默认参数SSelectValue(二级下拉框的预设值)设为0
var SSelectValue=arguments[4]?arguments[4]:0;
//默认参数PEnableTip(一级下拉框是否加上提示项)设为否
var PEnableTip=arguments[5]?arguments[5]:'N';
//默认参数PTipName(一级下拉框提示项名称)设为'请选择'
var PTipName=arguments[6]?arguments[6]:'请选择';
//默认参数SEnableTip(二级下拉框是否加上提示项)设为否
var SEnableTip=arguments[7]?arguments[7]:'N';
//默认参数STipName(二级下拉框提示项名称)设为'请选择'
var STipName=arguments[8]?arguments[8]:'请选择';
var i=0,ii=0,j=0;
if (SSelectValue>0){
//根据二级下拉框的预设值,计算出一级下拉框的值
for (i=0;i < Arr.length; i++){
if (Arr[i][2] > 0 && Arr[i][1] == SSelectValue) PSelectValue=Arr[i][2];
}
}
//初始化下拉框选项
i=0;
ii=0;
//清空一级下拉框选项
PSelect.length = 0;
if (PEnableTip=='Y'){
//一级下拉框添加提示项
PSelect.options[i] = new Option(PTipName, '');
i++;
}
//清空二级下拉框选项
SSelect.length = 0;
if (SEnableTip=='Y'){
//二级下拉框添加提示项
SSelect.options[ii] = new Option(STipName, '');
ii++;
}
//为一级下拉框添加选项
for (j=0; j < Arr.length; j++){
if (Arr[j][2] == 0){
PSelect.options[i] = new Option(Arr[j][0], Arr[j][1]);
if (Arr[j][1] == PSelectValue){
PSelect.options[i].selected=true;
}
i++;
}
}
//取得一级下拉框的值
if (PSelectValue == 0) PSelectValue = PSelect.options[0].value;
//为二级下拉框添加选项
if (PSelectValue > 0){
for (j=0; j < Arr.length; j++){
if (Arr[j][2] == PSelectValue){
SSelect.options[ii] = new Option(Arr[j][0], Arr[j][1]);
if (Arr[j][1] == SSelectValue){
SSelect.options[ii].selected=true;
}
ii++;
}
}
}
}
</SCRIPT> <P class=style1 align=center>新生入学报到流程表</P>
<table style="width:760px;" align="center" border="0">
<tr>
<td>
学校:<input type="text" id="txtSchool" />
专业:<input type="text" id="txtMajor" />
</td>
</tr>
</table><TABLE height="228" border=1 align=center cellSpacing=0 bgColor=#999999
class=style3 style="WIDTH: 760px; HEIGHT: 600px">
<TBODY>
<TR>
<TD width="99" height="226" bgColor=#ffffff class=style7 style="WIDTH: 99px">
注册院校 </TD>
<TD width="430" bgColor=#ffffff class=style7>
<SELECT id='class1id' title='注册院校'
onchange='Link2_POption_Change(OptionArr,class1id,class2id)'>
</SELECT>
</TD>
<TD width="98" bgColor=#ffffff class=style7 style="WIDTH: 85px">
专业
</TD>
<TD width="107" bgColor=#ffffff class=style7 style="WIDTH: 120px">
<SELECT id='class2id' title='专业'
onchange="$('txtMajor').value=this.options[this.selectedIndex].text">
</SELECT>
</TD>
</TR>
</TBODY>
</TABLE><SCRIPT language=JavaScript>
Link2_PSOption_Init(OptionArr,'class1id','class2id');
</SCRIPT>