社区
Web 开发
帖子详情
联动菜单问题!当把一个select里面的内容提交到本页面的时候,就会刷新导致别的文本框,下拉框的内容丢失了,如何解决啊?
databaseman
2004-09-09 09:55:49
100分送上!!
...全文
188
5
打赏
收藏
联动菜单问题!当把一个select里面的内容提交到本页面的时候,就会刷新导致别的文本框,下拉框的内容丢失了,如何解决啊?
100分送上!!
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用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作操作就行了。
超简单的ajax+jsp实现2级
联动
!!
在本例中,当用户在一级
下拉框
中做出选择时,AJAX
会
发送
一个
HTTP请求到服务器,服务器则根据请求返回相应的二级选项数据。 接着,我们看两个关键的文件:2.jsp 和 erji.jsp。2.jsp很可能是主
页面
,包含了HTML结构...
《程序天下:JavaScript实例自学手册》光盘源码
6.5 从
一个
下拉列表往另
一个
下拉列表添加
内容
6.6 改变列表项的上下顺序 6.7 给
下拉框
数据分组 6.8 获取列表框的选择 6.9 类IE
下拉框
6.10
下拉框
式邮件发送 6.11 获取多选框的选择项 6.12 手动调整的列表框 6.13 ...
程序天下:JavaScript实例自学手册
6.5 从
一个
下拉列表往另
一个
下拉列表添加
内容
6.6 改变列表项的上下顺序 6.7 给
下拉框
数据分组 6.8 获取列表框的选择 6.9 类IE
下拉框
6.10
下拉框
式邮件发送 6.11 获取多选框的选择项 6.12 手动调整的列表框 6.13 ...
javascript代码常用大全
- 提供
一个
打印功能,通常用于将当前
页面
的
内容
发送到打印机。 #### 4. 事件类 - **4.1 屏蔽右键** - 通过事件监听器阻止默认的右键行为。 - **4.2 屏蔽所有功能键** - 捕获键盘事件并阻止某些键的默认行为。 -...
JavaScript html js
页面
刷新
之后下拉
菜单
选中值不变,在按钮
提交
后保存下拉列表中值不变
JavaScript html js
页面
刷新
之后下拉
菜单
选中值不变,在按钮
提交
后保存下拉列表中值不变 博客分类: javaScript HTMLJavaScript金山 除了下拉列表还有
文本框
和复选框的,放在文章后边 Html代码 ...
Web 开发
81,115
社区成员
341,737
社区内容
发帖
与我相关
我的任务
Web 开发
Java Web 开发
复制链接
扫一扫
分享
社区描述
Java Web 开发
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章