More work on dependent select code

Author: Nathan McMinn

pdf-toolkit-share/src/main/amp/config/alfresco/web-extension/site-webscripts/org/alfresco/pdftoolkit/components/form/controls/dependentSelect.ftl

@@ -31,7 +31,7 @@
    <#else>
       <label for="${fieldHtmlId}">${field.label?html}:<#if field.mandatory><span class="mandatory-indicator">${msg("form.required.fields.marker")}</span></#if></label>
       <#if field.control.params.options?? && field.control.params.options != "">
-         <select id="${fieldHtmlId}" name="${field.name}" tabindex="0"
+         <select id="${fieldHtmlId}" name="${field.name}" onchange="DependentSelect.toggleDependentFields()" tabindex="0"
                <#if field.description??>title="${field.description}"</#if>
                <#if field.control.params.size??>size="${field.control.params.size}"</#if> 
                <#if field.control.params.styleClass??>class="${field.control.params.styleClass}"</#if>
@@ -51,4 +51,16 @@
          <div id="${fieldHtmlId}" class="missing-options">${msg("form.control.selectone.missing-options")}</div>
       </#if>
    </#if>
-</div>
+</div>
+<script type="text/javascript">//<![CDATA[
+
+// first, set up the list of select values that trigger a change
+
+// next, set up the object that contains the fields to show / hide based on 
+// the value of the selects
+var DependentSelect = new PDFToolkit.DependentSelect("${fieldHtmlId}").setOptions(
+	      {
+	         showSelectValues: showSelectValues,
+	         showWhenSelected: showWhenSelected
+	      };
+//]]></script>