请教个二级联动，在查询时数据的保持问题

Question

先看js：
var types = [["-请选择-"],["2G手机","2G产品"],["3G手机","3G数据卡","3G上网本"]];
var typeKes = [["0","2G","3G"],["0","2G","3G"],["0","2G","3G"]];

function changeType(num){
   var obj = types[num];
   var objKey = typeKes[num];    for(var j=0;j<document.forms[0].type.options.length;j++){
      document.forms[0].type.options[j]=null;
   }    for(var i=0;i<obj.length;i++){
      var opt = new Option(obj[i],objKey[i]);
          document.forms[0].type.options[i] = opt;
   }
}然后是查询：
<td style="width: 40%;" align="left" valign="middle">
&nbsp;&nbsp;&nbsp;&nbsp;产品类别：
<nested:select property="condition.purchaseType"
onchange="changeType(this.options.selectedIndex)"
styleId="typeKes">
<html:option value="">
--全部--
</html:option>
<html:option value="2G">
2G
</html:option>
<html:option value="3G">
3G
</html:option>
</nested:select>
<nested:select property="condition.customerType"
styleId="type">
<html:option value="">
--全部--
</html:option>
</nested:select>
</td>目前的数据只是写死的，没有从数据库里调，操作是这样的：当我选择2g时，然后第二个框就会出现2g手机==，但是，当我点击查询后，由于页面要刷新，所以第二个下拉框就又会恢复成初始化的样子（就是--全部--），请问我改怎样才能在查询的时候把第二个框的数据给保持住，方法越简单越好，谢谢了

Answer 1

我说的是数据怎么才能保持住呢，用ajax的话，什么思路呢？请大侠指导下~谢谢

Answer 2

晕刚才引用错了
继续~嘿嘿
我说的是数据怎么才能保持住呢，用ajax的话，什么思路呢？请大侠指导下~谢谢

Answer 3

貌似最流行的一句话：  Ajax

Answer 4

ajax 就是在不提交整个页面的情况下进行数据的提交，如果你没有ajax 编程的思路的话，建意先学下ajax 看看  XmlHttpRequest 怎么进行前后台数据交互!!!这样你就会有思路啦
联动菜单，可是ajax 的强项!!