联动菜单问题！当把一个select里面的内容提交到本页面的时候，就会刷新导致别的文本框，下拉框的内容丢失了，如何解决啊？

databaseman 2004-09-09 09:55:49
100分送上！！
...全文
219 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
vampirewp 2004-09-09
  • 打赏
  • 举报
 回复
给个简单的例子吧。数组中的数据在开始进入页面时赋值
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<script language="javascript">
//公司数组
var companyArray = new Array();
//部门数组
var departArray = new Array();


companyArray[0] = new Array(2);
//公司ID
companyArray[0][0] = "-1";
//公司名称
companyArray[0][1] = "选择公司";

companyArray[1] = new Array(2);
//公司ID
companyArray[1][0] = "1";
//公司名称
companyArray[1][1] = "test";

companyArray[2] = new Array(2);
//公司ID
companyArray[2][0] = "2";
//公司名称
companyArray[2][1] = "公司一";

companyArray[3] = new Array(2);
//公司ID
companyArray[3][0] = "25";
//公司名称
companyArray[3][1] = "公司二";

companyArray[4] = new Array(2);
//公司ID
companyArray[4][0] = "27";
//公司名称
companyArray[4][1] = "公司三";

companyArray[5] = new Array(2);
//公司ID
companyArray[5][0] = "29";
//公司名称
companyArray[5][1] = "总部";

companyArray[6] = new Array(2);
//公司ID
companyArray[6][0] = "30";
//公司名称
companyArray[6][1] = "分公司";

companyArray[7] = new Array(2);
//公司ID
companyArray[7][0] = "33";
//公司名称
companyArray[7][1] = "总部3";

companyArray[8] = new Array(2);
//公司ID
companyArray[8][0] = "43";
//公司名称
companyArray[8][1] = "tyh";

companyArray[9] = new Array(2);
//公司ID
companyArray[9][0] = "44";
//公司名称
companyArray[9][1] = "tj";

departArray[0] = new Array(3);
//公司ID
departArray[0][0] = "1";
//公司ID
departArray[0][1] = "1";
//部门名称
departArray[0][2] = "技术部";

departArray[1] = new Array(3);
//公司ID
departArray[1][0] = "1";
//公司ID
departArray[1][1] = "2";
//部门名称
departArray[1][2] = "办公室";

departArray[2] = new Array(3);
//公司ID
departArray[2][0] = "25";
//公司ID
departArray[2][1] = "3";
//部门名称
departArray[2][2] = "客服部";

departArray[3] = new Array(3);
//公司ID
departArray[3][0] = "25";
//公司ID
departArray[3][1] = "4";
//部门名称
departArray[3][2] = "办公室";

departArray[4] = new Array(3);
//公司ID
departArray[4][0] = "1";
//公司ID
departArray[4][1] = "5";
//部门名称
departArray[4][2] = "主力";

departArray[5] = new Array(3);
//公司ID
departArray[5][0] = "1";
//公司ID
departArray[5][1] = "6";
//部门名称
departArray[5][2] = "s";

departArray[6] = new Array(3);
//公司ID
departArray[6][0] = "1";
//公司ID
departArray[6][1] = "7";
//部门名称
departArray[6][2] = "t";

departArray[7] = new Array(3);
//公司ID
departArray[7][0] = "1";
//公司ID
departArray[7][1] = "8";
//部门名称
departArray[7][2] = "e";

departArray[8] = new Array(3);
//公司ID
departArray[8][0] = "1";
//公司ID
departArray[8][1] = "9";
//部门名称
departArray[8][2] = "o";

departArray[9] = new Array(3);
//公司ID
departArray[9][0] = "1";
//公司ID
departArray[9][1] = "10";
//部门名称
departArray[9][2] = "l";

departArray[10] = new Array(3);
//公司ID
departArray[10][0] = "1";
//公司ID
departArray[10][1] = "11";
//部门名称
departArray[10][2] = "i";

departArray[11] = new Array(3);
//公司ID
departArray[11][0] = "1";
//公司ID
departArray[11][1] = "12";
//部门名称
departArray[11][2] = "m";

departArray[12] = new Array(3);
//公司ID
departArray[12][0] = "1";
//公司ID
departArray[12][1] = "13";
//部门名称
departArray[12][2] = "c";

departArray[13] = new Array(3);
//公司ID
departArray[13][0] = "1";
//公司ID
departArray[13][1] = "14";
//部门名称
departArray[13][2] = "p";

departArray[14] = new Array(3);
//公司ID
departArray[14][0] = "1";
//公司ID
departArray[14][1] = "15";
//部门名称
departArray[14][2] = "w";

departArray[15] = new Array(3);
//公司ID
departArray[15][0] = "1";
//公司ID
departArray[15][1] = "16";
//部门名称
departArray[15][2] = "ww";

departArray[16] = new Array(3);
//公司ID
departArray[16][0] = "30";
//公司ID
departArray[16][1] = "17";
//部门名称
departArray[16][2] = "ssss";

//改变公司时触发
//companyID 当前的公司ID
//要改变的对象ID
function changeCompany(companyID,departObjID){
var options ;
var i = 0;
var departObj=document.getElementById(departObjID);
//for(i=1;i<destObj.length;i++){
// destObj.remove(i);
//}
departObj.length=1;
departObj.selectedIndex = 0;
if(companyID=="-1"){
return;
}
for(i=0;i<departArray.length;i++){
if(departArray[i][0]==companyID){
options = new Option();
options.value = departArray[i][1];
options.text = departArray[i][2];
departObj.add(options);
}
}
}
</script>

</head>

<body text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bgcolor="#FFFFFF">
<form name="dutyForm" method="post" action="">

<table width="70%" border="0" cellspacing="0" cellpadding="2" align="center">
<tr>
<td height="20" colspan="6" align="right"> </td>
</tr>
<tr>
<td colspan="6" height="25">
<table border="0" cellpadding="0" cellspacing="1" bgcolor="#000000" width="100%">
<tr>
<td>
<table width="100%" border="0" align="center" cellpadding="2" cellspacing="0" class="box_table" bgcolor="#FFFFFF">
<tr>
<td colspan="3" align="right" height="15" > </td>
</tr>
<tr>
<td width="24%" align="right" height="30" >归属公司：</td>
<td width="53%" height="25" >
<select name="companyID" onchange="changeCompany(this.value,'departmentID')" id="bcompanyID"><option value="-1">选择公司</option>
<option value="1" selected="selected">test</option>
<option value="2">公司一</option>
<option value="25">公司二</option>
<option value="27">公司三</option>
<option value="29">总部</option>
<option value="30">分公司</option>
<option value="33">总部3</option>
<option value="43">tyh</option>
<option value="44">tj</option></select><font color="#FF0000"> *</font>
</td>
<td width="23%" > </td>
</tr>
<tr>
<td width="24%" align="right" height="30" >归属部门：</td>
<td width="53%" height="25" >
<select name="departmentID" id="departmentID">
<option value="-1">选择部门</option>
</select><font color="#FF0000"> *</font>
</td>
<td width="23%" > </td>
</tr>
<tr>
<td colspan="3" align="right" height="15" > </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="6" height="20"> </td>
</tr>
</table>
</form>

</body>
</html>
databaseman 2004-09-09
  • 打赏
  • 举报
 回复
xx_ch(好客小虫) ：除了这几个联动的下拉框之外，还有几十个文本框和下拉框，太多了，不能一个一个提交阿
xx_ch 2004-09-09
  • 打赏
  • 举报
 回复
为什么会丢失你要搞明白,丢失就是因为你提交以后这些文本框，下拉框没有提交?那么你提交过来,就应该没问题了
skyboy0720 2004-09-09
  • 打赏
  • 举报
 回复
不是很明白你的问题！
vampirewp 2004-09-09
  • 打赏
  • 举报
 回复
可以一次把联动下拉框的数据全部取出来，放到页面上，改变选择时就不需要再提交，只要用JS作操作就行了。
【实习之T100开发】T100 单档程序开发（3）下拉框与整单操作功能优化
本文深入探讨了T100单档程序开发中下拉框与整单操作功能的优化技巧。通过系统分类码配置、动态下拉框实现及审核后修改功能等实战案例，详细解析了开发过程中的关键步骤与常见问题解决方案，帮助开发者提升T100系统开发效率与稳定性。
FineReport填报实战：一个模板搞定数据增删改查，告别来回切换的烦恼
本文详细介绍了如何利用FineReport实现单模板数据增删改查一体化操作，解决传统多模板方案中的效率低下问题。通过动态界面控制、智能数据绑定和批量删除等关键技术，显著提升数据管理效率，特别适合高频次、小批量的业务场景。
永洪BI实战：如何用‘自服务数据集’和‘动态参数’打造一个可交互的月度经营分析报告？
本文详细介绍了如何利用永洪BI的‘自服务数据集’和‘动态参数’功能，打造可交互的月度经营分析报告。通过多源数据融合、智能数据透视、动态分组等核心技巧，帮助企业管理层实现定制化数据分析，提升决策效率。
模板驱动型文档自动化：从重复劳动到工程化内容生产
文档自动化是企业知识管理与流程提效的关键技术路径，其核心在于将非结构化写作转化为可复用、可验证、可演进的工程实践。它基于模板驱动架构，通过变量绑定实现数据与内容的动态映射，依托样式继承保障跨文档排版一致性，并支持API/Excel/数据库等多源联动，从而构建起稳定可靠的文档生成服务。该技术显著降低人工校对成本，提升交付合规性与响应速度，广泛应用于投标书、合同、验收报告、入职手册等标准化文档场景。尤其适合销售、HR、咨询、教育等高频产出结构化内容的业务角色。
前端攻略系列：面向真实问题的工程化方法论体系
前端工程化不是工具配置的堆砌，而是围绕可维护性、稳定性与协作效率构建的系统性解题能力。其核心原理在于将技术决策锚定在具体业务场景中，通过问题驱动的方式反向推导出适配团队规模、交付节奏和长期演进需求的技术方案。这种‘问题域优先’而非‘框架优先’的思维，显著提升代码在生产环境中的存活率与迭代韧性，广泛应用于中后台系统重构、大促稳定性保障、微前端落地及新人 onboarding 等关键场景。Darren 的《前端攻略系列》正是这一理念的实践结晶，强调可测量、可归因、可传承的工程实践。
Web 开发

81,110

社区成员

341,727

社区内容

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章