求一个下拉框联动实例（非AJAX）

我现在有2个下拉框，第一个是大证书，第二个是小证书。我现在想通过大证书来过滤小证书。
不用AJAX实现，用查询数据在低层类里实现的那种。

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

不用ajax实现就要刷新页面，你每在下拉菜单里面选择就提交表单。
不过建议你最好用ajax做。
因为我是在修改别人的项目，之前曾经改过AJAX，结果被上边说了一顿，那我现在实现这个只好不用AJAX了。
所以我特别注释了一下不用AJAX！刷新就刷新吧，我可是我低层的RETURN总是返回之后页面成空白的了。
所以我想找个实例学习下！
你不用Ajax只能刷新页面刷新页面的话太容易啦你获得的第一个画面的第一个文本框的值在根据条件查询就是了不过你要记得把第一个页面的值在传过来这样不好。
这个是我的代码的帖子
大家可以帮我修改一下
http://topic.csdn.net/u/20081231/11/d0e3dbd4-4849-4b7f-baf8-13955136abf2.html
...不用ajax和用ajax就是一个刷新不刷新的问题...后台的操作都是一样的啊...就是当点击了大证书之后后台查询小证书...返回结果显示到页面上就行了啊
楼主的问题是返回界面为空白,那就可以从空白页面的属性中看看是不是你要返回到的那个页面,如果是,说明配置文件没有问题(我看楼主用的应该是struts),楼主又说数据库那边可以取到值,那就不用看dao之下的代码了,应该没有问题.我看了一下楼主提供的代码,java Code中返回newExport,不知道这个在配置文件中是否对应你要返回的页面。应该看看这里.
我Js学的不太好，有的地方可能写的很乱。HTML：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script src="linkedSelect.js"></script>
  <script>
window.onload = function() {
new linkedSelect("parent","child");
new linkedSelect("child","sun");
}
  </script>
</HEAD> <BODY>
  <select id="parent">
<option class="d1">大证书1</option>
<option class="d2">大证书2</option>
<option class="d3">大证书3</option>
  </select>  <select id="child">
<option class="d1_1">大证书1->小证书1</option>
<option class="d1_2">大证书1->小证书2</option>
<option class="d2_1">大证书2->小证书1</option>
<option class="d2_2">大证书2->小证书2</option>
<option class="d2_3">大证书2->小证书3</option>
<option class="d2_4">大证书2->小证书4</option>
<option class="d3_1">大证书3->小证书1</option>
  </select>  <select id="sun">
<option class="d1_1_1">大证书1->小证书1->孙1</option>
<option class="d1_2_1">大证书1->小证书2->孙1</option>
<option class="d2_1_1">大证书2->小证书1->孙1</option>
<option class="d2_1_2">大证书2->小证书1->孙2</option>
  </select> </BODY>
</HTML>
linkedSelect.js：Array.prototype.findByProperty = function (property,value) {
var arr = [];
if (value != "")
{
for (var i = 0;i<this.length ;i++ )
{
if (this[i][property].indexOf(value) == 0)
{
arr.push(this[i].cloneNode(true));
}
}
}
return arr;
}function linkedSelect(parent,child) {
this.$ = function(id) {
return document.getElementById(id);
}; this.p = this.$(parent);
this.c = this.$(child);
this.opts = []; //保存所有的子选项 for (var i = 0;i<this.c.options.length ;i++ )
{
this.opts.push(this.c.options[i].cloneNode(true));
} var linkedselect = this; this.p.onchange = function() {
var childs = linkedselect.opts.findByProperty("className",this.options[this.selectedIndex].className);
for (var i = linkedselect.opts.length;i>=0 ;i-- )
{
linkedselect.c.remove(i);
}
if (childs.length == 0)
{
var op = document.createElement("option");
op.innerHTML = "---请选择---";
linkedselect.c.appendChild(op);
} else {
for (var i = 0;i<childs.length ;i++ )
{
linkedselect.c.appendChild(childs[i]);
}
}
if (linkedselect.c.onchange)
{
linkedselect.c.onchange();
}
}
this.p.onchange();
}
this.setAttribute("zgselect2", zg2);试试
你要确定你这个里面有值的话 zgselect2 说明下面有错误
</option>
  <c:forEach items="${zgselect2 }" var="zs2">
    <option value="${zs2.COMP_NAME }">
       ${zs2.COMP_NAME }
    </option>
  </c:forEach>
</select>