Hi! I'm trying to create a cascaded multiple dynamic drop down list(as i call it) wherein the first drop down list would be for selecting a region, the second for selecting a province (contents based on the selected region), and the third for selecting a city within the selected province.
I've downloaded javawebparts on sourceforge.net and intended to use jwpcb_dds for this but the problem is that i need to populate the third drop down list based on the selection made in the second drop down list which was populated by the first drop down list. First i edited the dynamicDoubleSelectServlet by adding a function that would return a response that would write onto the jsp. the code snippet looks like this: private void listCities (HttpServletRequest request, HttpServletResponse response) throws IOException { String province = (String) request.getParameter("province"); String[] cities = getCities(province); response.setContentType("text/xml"); response.setHeader("Cache-Control", "no-cache"); PrintWriter out = response.getWriter(); out.print("<select name=\"citySelect\">\n"); for (int i = 0; i < cities.length; i++) { out.print("<option value=\""); out.print(province); out.print(i); out.print("\">"); out.print(cities[i]); out.print("</option>\n"); } out.print("</select>\n"); } Then i tried to include writing out.print("<ajax:eventajaxRef=\"DynamicDoubleSelectForm/provinceChange\"/>"); at the end of the function below so that it will also be ajax enabled in order to populate the third selectbox dynamically. private void listProvinces(HttpServletRequest request, HttpServletResponse response) throws IOException { String region = (String) request.getParameter("region"); String[] provinces = getProvinces(region); response.setContentType("text/xml"); response.setHeader("Cache-Control", "no-cache"); PrintWriter out = response.getWriter(); out.print("<select name=\"provinceSelect\">\n"); out.print("<option> </option>\n"); for (int i = 0; i < provinces.length; i++) { out.print("<option value=\""); out.print(region); out.print(i); out.print("\">"); out.print(provinces[i]); out.print("</option>\n"); } out.print("</select> "); } But the third drop down list does not appear after selecting an element in the second drop downlist. Need help on this. My index.jsp look like this: <%@ taglib prefix="ajax" uri="javawebparts/ajaxparts/taglib" %> <html> <head> <title>Java Web Parts Cookbook: Dynamic Double Select</title> </head> <body> Java Web Parts Cookbook <br/> Dynamic Double Select <br/><br/> This shows how a selection in one <select> element can change the contents of another based on a request to the server. This can be done in more than one way, we show you the most common one's from APT. <br/><br/> <form name="DynamicDoubleSelectForm"> <table cellpadding="20" width="90%"> <tr> <td width="50%"> Select one of the regions to see a list of provinces under it:<br/> <select name="regionSelect"> <option> </option> <option value="CAR">CAR</option> <option value="R01">Region I</option> <option value="R02">Region II</option> <option value="R03">Region III</option> <option value="NCR">NCR</option> </select> <ajax:event ajaxRef="DynamicDoubleSelectForm/regionChange"/> </td> </tr> </table> <table cellpadding="20" width="90%"> <tr> <td> Here's the list of provinces: <div id="provinces"> </div> </td> </tr> </table> <table cellpadding="20" width="90%"> <tr> <td> List of Cities: <div id="cities"> </div> </td> </tr> </table> </form> </body> </html> <ajax:enable debug="debug" logger="JWPAlertLogger"/> My ajax_config.xml looks like this: <ajaxConfig> <group ajaxRef="DynamicDoubleSelectForm"> <element ajaxRef="regionChange"> <event type="onchange"> <requestHandler type="std:QueryString" method="get" target="/dynamicDoubleSelect?method=first"> <parameter>region=regionSelect</parameter> </requestHandler> <!-- When we get back, just insert the returned results into the --> <!-- div named provinces on the page, which contains the second --> <!-- select element. --> <responseHandler type="std:InnerHTML"> <parameter>provinces</parameter> </responseHandler> </event> </element> <element ajaxRef="provinceChange"> <event type="onchange"> <requestHandler type="std:QueryString" method="get" target="/dynamicDoubleSelect?method=second"> <parameter>province=provinceSelect</parameter> </requestHandler> <responseHandler type="std:InnerHTML"> <parameter>cities</parameter> </responseHandler> </event> </element> </group> </ajaxConfig> -- View this message in context: http://www.nabble.com/nid-help-on-creating-a-cascaded-multiple-dynamic-drop-down-list-tf3572893.html#a9983146 Sent from the Struts - User mailing list archive at Nabble.com. --------------------------------------------------------------------- To unsubscribe, e-mail: [EMAIL PROTECTED] For additional commands, e-mail: [EMAIL PROTECTED]