Выпадающий список JSP с тремя вариантами, связанными друг с другом

Question

Я новичок в jsp. Я работаю над выпадающим меню. здесь проблема - будет 3 раскрывающегося меню, как «choice1, choice2 и choice3». Первоначально «choice1» имеет 3 варианта. «choice2 и choice3» не будет. Основываясь на выборе, выбранном в раскрывающемся списке «Выбор1», необходимо выбрать «Выбор 2» с двумя вариантами. И исходя из выбора, выбранного в раскрывающемся списке «Выбор2», необходимо выбрать «3-й вариант» с двумя опциями. Как я могу это реализовать. Решение с образцом кода будет в порядке.

Answer 1

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>"; 
     } 
    } 

используя HTML-код ...

<html:select style="width:155px;" property="team" value="" onchange="getPort()" /> 

выше АЯКС код изменяет значения ниже флажок и поместить его в сНу тэгом как ...

<div id="portnum"> 
<html:select property="collectorCode" value="" style="width:155px;"> 
</div> 

Это для 2 флажков ... 2 значения флажка изменены на основании 1-го флажка выбранного значения

Answer 2

с использованием A JAX вы делаете то же самое

Смотрите следующие ссылки на примеры:

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