在struts中級聯下拉

Question

我必須使用struts設計一個網頁。 我必須顯示兩個下拉菜單。 第一個下拉列表中的數據將從數據庫動態填充。這部分已完成。 我必須根據第一個下拉列表中的選擇填充第二個下拉列表中的數據。

因爲我是struts技術的新手，所以我需要這方面的幫助。

感謝， 薩欽

Answer 1

You can use ajax to load data to the dropdown2 by invoking it in the onchange method for dropdown1 

DropDown1: 
---------- 

    <s:select key="label.name" list="list1" onchange="reloadView();" name="id" id="list"> 
    </s:select> 

reloadView() 
------------ 

try { 
     // Opera 8.0+, Firefox, Safari 
     ajaxRequest = new XMLHttpRequest(); 
    } 
    catch (e) 
    { 
     // Internet Explorer Browsers 
     try { 
       ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP"); 
     } 
        catch (e) 
       { 
       try { 
       ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP"); 
      } 
       catch (e) 
       { 
           alert("Your browser has no AJAX Support!"); 
        return false; 
       } 
     } 
     } 
    var url = "yourUrl"; 
    ajaxRequest.open("POST", url, true); 
    ajaxRequest.onreadystatechange = function() 
    { 
     try 
     { 
       if (ajaxRequest.readyState == 4 && ajaxRequest.status == 200) { 
         var res = ajaxRequest.responseText; 
         if (res) 
         { 
           document.getElementById("yourDiv").innerHTML = res; 
           adjustTable(); 
         } 
       } 
     } 
     catch (e) 
     { 

     } 
    } 
    ajaxRequest.send(null); 

DropDown2 
--------- 

    <div id="yourDiv"> 
    <s:select> 
    </div>