ajax的下拉菜单,ajax实现的动态下拉菜单

最近工程中要做一个下拉菜单,前段看的ajax正好没有实践的机会,于是就着手用ajax实现一下动态下拉菜单。

以前也听人说过，做动态刷新下拉菜单很麻烦，要用js+iframe，但是看过ajax的一个例子，觉得相比之下确实更为简单，而且经实际例子看来

，响应速度也确实更快。本想照着ajax基础教程上的例子自己写一个，可是却发现，人家用的不是下拉菜单，而是list菜单，即列表菜单，

随着条件的变化，只传过来一个值，而我需要传回来两个值，一个是下拉菜单的value,一个是下拉菜单的text

这里需要两个下拉框，第一个下拉菜单是单位类型，第二个则是随之而相应变化的单位菜单。

这是jsp页面中的代码

单位类型

οnchange="refreshModelList();">

property="catcode" labelProperty="catname"/>

单位

styleId="models">

===请选择===

 

javascript中代码为:

var xmlHttp;

function createXMLHttpRequest() {

if

(window.ActiveXObject) {

xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

}

else if

(window.XMLHttpRequest) {

xmlHttp = new XMLHttpRequest();

}

}

function refreshModelList() {

var

modelYear = document.getElementByIdx("modelYear").value;

if(modelYear

== "") {

clearModelsList();

return;

}

var url =

"/GCJS/dept.do?" + createQueryString(modelYear) + "&ts=" + new

Date().getTime();

createXMLHttpR