Javascript 包含3个相互链接的选项的JSP下拉列表

我不熟悉jsp。我正在使用下拉菜单。这里的问题是—— 将有一个3个下拉菜单“choice1、choice2和choice3”。 最初，“choice1”有3个选项。“选择2和选择3”将为零。 根据“choice1”下拉列表选择的选项，“Choice2”需要使用大约2个选项触发。 根据“choice2”下拉列表选择的选项，“Choice3”需要使用大约2个选项触发。 我如何实现这一点。带有示例代码的解决方案就可以了。

var-xmlHttp；
    var xmlHttp;
    function getPort(){
        var companyId= document.formName.companyId.value;
        var str= document.formname.team.options[document.formname.team.selectedIndex].value;
        var userId = document.formname.userId.value;
        if (str=="all"){
            for (var i = 1; i < document.formname.team.options.length ; i++) {
                document.formname.team.options[i].selected = true;
            }
            document.formname.team.options[0].selected = false;
        }
        var opt = document.formname.team;
        var TeamValue = new Array;
        var j = 0;
        for (i=0; i<document.formname.team.length; i++){
            if (opt[i].selected == true){  
               TeamValue[j] = "'"+opt[i].value+"'";  
               //TeamValue[j] = opt[i].value;
               j++;  
            }
        }
        TeamValue = TeamValue.join(",");
        //alert(TeamValue);
        if (typeof XMLHttpRequest != "undefined"){
              xmlHttp= new XMLHttpRequest();
        }else if (window.ActiveXObject){
            xmlHttp= new ActiveXObject("Microsoft.XMLHTTP");
        }
        if (xmlHttp==null){
            //alert("Browser does not support XMLHTTP Request")
            return;
        } 
        var url="GetPortList.jsp?teamId="+TeamValue+"&companyId="+companyId+"&userId="+userId;
        //alert(url);
        xmlHttp.onreadystatechange = changeValue;
        xmlHttp.open("GET", url, true);
        xmlHttp.send(null);
    }
    function changeValue(){
        if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete"){
            result = xmlHttp.responseText;
            //alert(result);
            document.getElementById("portnum").innerHTML="<select name='collectorCode' size='4' style='width:155px;><option value='select'>Select All</option>"+result+"</select>";   
        }
    }

函数getPort（）{
var companyId=document.formName.companyId.value；
var str=document.formname.team.options[document.formname.team.selectedIndex].value；
var userId=document.formname.userId.value；
如果（str==“全部”）{
对于（var i=1；i对于（i=0；i使用AJAX，您也可以这样做

有关示例，请参见以下链接：

http://jsfprimefacesblog.blogspot.in/2006/02/ajax-jsp-to-populate-dependent-dropdown.html

http://stackoverflow.com/questions/8643096/jsp-ajax-populate-drop-down-list-based-on-the-selected-value

http://www.roseindia.net/answers/viewqa/Ajax/15250-DropDown-in-ajax+jsp.html

听起来像是国家>州>城市下拉选择…根据选择的值使用ajax或show hide下拉列表。虽然这在理论上可以回答问题，但在此处包含答案的基本部分，并提供链接供参考。
<div id="portnum">
<html:select property="collectorCode" value=""  style="width:155px;">
</div>

http://jsfprimefacesblog.blogspot.in/2006/02/ajax-jsp-to-populate-dependent-dropdown.html

http://stackoverflow.com/questions/8643096/jsp-ajax-populate-drop-down-list-based-on-the-selected-value

http://www.roseindia.net/answers/viewqa/Ajax/15250-DropDown-in-ajax+jsp.html