hello guys,

good day!

i would like to seek for help regarding on how to cascade drop down list using struts tag <html:select> with ajax. it goes like this. drop down list 'A' is the list for Car Brands and drop down list 'B' is for the Car models by brand. what i wanted to do is that drop down list 'B' will show up the available car models according to the selection i made from drop down list 'A'. here is the following code i made: (for this example i would just like to generate
a simple example under <html:select>).

on my main jsp page:

<html:select property="brands" onchange="showModels()">
   // some code

<html:select property="models" styleId="modelList">

on my jsp page to be loaded: WEB-INF/jsp/models.jsp

<html:option value="0">corola 1234</html:option>
<html:option value="1">corola 5678</html:option>

on my javascript:

function showModels() {

    // some code here    

    var url = "models.do";
    xmlHttp.open("GET", url, true);

function stateChanged() {
    if(xmlHttp.readyState==4) {       
        if(xmlHttp.status==200) {     
        } else {
            alert("there was a problem on the requested page");

the problem is i could not generate the list option from models.jsp. please help. :(

thanks in advance.


8 Years
Discussion Span
Last Post by ~s.o.s~

hello guys,
i just found out lately when i run this on firefox i got the result, but running it under
internet explorer would not reflect any changes on the list. i'm seeking advise from the
experts to enlighten me. please help :)


It probably has got something to do with a faulty javascript snippet dealing with Ajax. A lightweight library along the lines of 'Ajax Toolbox' might just make your pain go away. If not, take a look at the IE debuggers out there to assist you in finding the problematic piece of code.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.