webwork / webapps / showcase / src / webapp / json / index.jsp

  Created by IntelliJ IDEA.
  User: tmjee
  Date: Dec 16, 2007
  Time: 11:43:27 PM
  To change this template use File | Settings | File Templates.
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="ww" uri="/webwork" %>
      <title>Simple jsp page</title>
      <ww:head theme="ajax" />
      <script type="text/javascript">
          dojo.addOnLoad(function() {
              dojo.event.connect(dojo.byId("country"), "onchange", function() {
                    var selectTag = dojo.byId('country');
                    var citiesSelectTag = dojo.byId("cities");
                        method: "POST",
                        url: "<ww:url action='countryCities' namespace='/json' />",
                        content: {
                            country: selectTag.options[selectTag.selectedIndex].value    
                        load: function(type, data, event) {
                            try {
                                var jsonObj = dojo.json.evalJson(data);

                                // clear the cities select tag options
                                citiesSelectTag.options.length = 0;

                                if (jsonObj.cities) {
                                    var cities = jsonObj.cities;
                                    for (var a=0;a <cities.length; a++) {
                                        var option = document.createElement("option");
                                        option.text = cities[a];
                                        option.value = cities[a];
                                        citiesSelectTag.add(option, null);
                            catch(e) {   // just in case there's an invalid JSON script
                                alert('error evaluating JSON '+e);
                        error: function(type, error){
                            alert( "Error : " + error.message );
                        mimetype: "text/plain"
    <select id="country" name="country">
        <option selected="selected" value="none">Please Select</option>
        <option value="uk">United Kingdom</option>
        <option value="us">United States</option>
        <option value="aus">Australia</option>
        <option value="ger">Germany</option>
    <select id="cities" name="cities">
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.