Hi,
I have a problem with the dynamic dropdown validation. If an item requires a validation (foe exmaple the security code), the dropdown loses it's selected value and have to make another selection. Is the a way to fix this? Codes below.
<fieldset class="formFieldset">
<legend>{global:formtitle}</legend>
{error}
<!-- Do not remove this ID, it is used to identify the page so that the pagination script can work correctly -->
<ol class="formContainer" id="rsform_4_page_0">
<li class="rsform-block rsform-block-yourdetails">
<div class="formCaption">{YourDetails:caption}</div>
<div class="formBody">{YourDetails:body}<span class="formClr">{YourDetails:validation}</span></div>
<div class="formDescription">{YourDetails:description}</div>
</li>
<li class="rsform-block rsform-block-fullname">
<div class="formCaption">{FullName:caption}<strong class="formRequired">(*)</strong></div>
<div class="formBody">{FullName:body}<span class="formClr">{FullName:validation}</span></div>
<div class="formDescription">{FullName:description}</div>
</li>
<li class="rsform-block rsform-block-companyname">
<div class="formCaption">{CompanyName:caption}</div>
<div class="formBody">{CompanyName:body}<span class="formClr">{CompanyName:validation}</span></div>
<div class="formDescription">{CompanyName:description}</div>
</li>
<li class="rsform-block rsform-block-email">
<div class="formCaption">{Email:caption}<strong class="formRequired">(*)</strong></div>
<div class="formBody">{Email:body}<span class="formClr">{Email:validation}</span></div>
<div class="formDescription">{Email:description}</div>
</li>
<li class="rsform-block rsform-block-telephone">
<div class="formCaption">{Telephone:caption}</div>
<div class="formBody">{Telephone:body}<span class="formClr">{Telephone:validation}</span></div>
<div class="formDescription">{Telephone:description}</div>
</li>
<li class="rsform-block rsform-block-file-upload">
<div class="formCaption"> </div>
<div class="formBody">{File Upload:body}</div>
</li>
</ol>
<!-- Do not remove this ID, it is used to identify the page so that the pagination script can work correctly -->
<ol class="formContainer" id="rsform_4_page_1">
<li class="rsform-block rsform-block-fileupload">
<div class="formCaption">{FileUpload:caption}</div>
<div class="formBody">{FileUpload:body}<span class="formClr">{FileUpload:validation}</span></div>
<div class="formDescription">{FileUpload:description}</div>
</li>
<li class="rsform-block rsform-block-locationwebsite">
<div class="formCaption">{LocationWebsite:caption}<strong class="formRequired">(*)</strong></div>
<div class="formBody">{LocationWebsite:body}<span class="formClr">{LocationWebsite:validation}</span></div>
<div class="formDescription">{LocationWebsite:description}</div>
</li>
<li class="rsform-block rsform-block-featured">
<div class="formCaption">{Featured:caption}<strong class="formRequired">(*)</strong></div>
<div class="formBody">{Featured:body}<span class="formClr">{Featured:validation}</span></div>
<div class="formDescription">{Featured:description}</div>
</li>
<li class="rsform-block rsform-block-featuretext">
<div class="formCaption">{FeatureText:caption}</div>
<div class="formBody">{FeatureText:body}<span class="formClr">{FeatureText:validation}</span></div>
<div class="formDescription">{FeatureText:description}</div>
</li>
<li class="rsform-block rsform-block-fileuploads">
<div class="formCaption">{FileUploads:caption}</div>
<div class="formBody">{FileUploads:body}<span class="formClr">{FileUploads:validation}</span></div>
<div class="formDescription">{FileUploads:description}</div>
</li>
<li class="rsform-block rsform-block-fileuploads-text">
<div class="formCaption">{FileUploads_text:caption}</div>
<div class="formBody">{FileUploads_text:body}<span class="formClr">{FileUploads_text:validation}</span></div>
<div class="formDescription">{FileUploads_text:description}</div>
</li>
<li class="rsform-block rsform-block-categoryselect">
<div class="formCaption">{CategorySelect:caption}<strong class="formRequired">(*)</strong></div>
<div class="formBody">{CategorySelect:body}<span class="formClr">{CategorySelect:validation}</span></div>
<div class="formDescription">{CategorySelect:description}</div>
</li>
<li class="rsform-block rsform-block-subcategory">
<div class="formCaption">{SubCategory:caption}<strong class="formRequired">(*)</strong></div>
<div class="formBody">{SubCategory:body}<span class="formClr">{SubCategory:validation}</span></div>
<div class="formDescription">{SubCategory:description}</div>
</li>
<li class="rsform-block rsform-block-categorynext">
<div class="formCaption"> </div>
<div class="formBody">{categorynext:body}</div>
</li>
</ol>
<!-- Do not remove this ID, it is used to identify the page so that the pagination script can work correctly -->
<ol class="formContainer" id="rsform_4_page_2">
<li class="rsform-block rsform-block-script">
<div class="formCaption">{Script:caption}</div>
<div class="formBody">{Script:body}<span class="formClr">{Script:validation}</span></div>
<div class="formDescription">{Script:description}</div>
</li>
<li class="rsform-block rsform-block-final-step">
<div class="formCaption">{Final Step:caption}</div>
<div class="formBody">{Final Step:body}<span class="formClr">{Final Step:validation}</span></div>
<div class="formDescription">{Final Step:description}</div>
</li>
<li class="rsform-block rsform-block-agree">
<div class="formCaption">{agree:caption}<strong class="formRequired">(*)</strong></div>
<div class="formBody">{agree:body}<span class="formClr">{agree:validation}</span></div>
<div class="formDescription">{agree:description}</div>
</li>
<li class="rsform-block rsform-block-terms">
<div class="formCaption">{terms:caption}</div>
<div class="formBody">{terms:body}<span class="formClr">{terms:validation}</span></div>
<div class="formDescription">{terms:description}</div>
</li>
<li class="rsform-block rsform-block-security-code">
<div class="formCaption">{Security_code:caption}</div>
<div class="formBody">{Security_code:body}<span class="formClr">{Security_code:validation}</span></div>
<div class="formDescription">{Security_code:description}</div>
</li>
<li class="rsform-block rsform-block-submit">
<div class="formCaption">{Submit:caption}</div>
<div class="formBody">{Submit:body}<span class="formClr">{Submit:validation}</span></div>
<div class="formDescription">{Submit:description}</div>
</li>
</ol>
</fieldset>
<script type="text/javascript">
function dynamic1(parent,child)
{
var parent_array = new Array();
// This is the default value
parent_array[''] = ['Please select a Category'];
// All other elements
// parent_array['PARENT NAME'] = ['CHILD 1','CHILD 2','CHILD 3','ETC'];
parent_array['Destinations'] = ['Beach and Resorts','Outdoor Fun','Adventure','Welness','Medical'];
parent_array['Festivals'] = ['January','February','March','April','May','June'];
// Get the child
var thechild = document.getElementById(child);
// Remove all other options from the select element
thechild.options.length = 0;
// What value are we looking for ?
var parent_value = parent.options[parent.selectedIndex].value;
// No value found, use the default value
if (!parent_array[parent_value]) parent_value = '';
// Set the correct length
thechild.options.length = parent_array[parent_value].length;
// Add the options
for(var i=0;i<parent_array[parent_value].length;i++)
{
thechild.options[i].text = parent_array[parent_value][i];
thechild.options[i].value = parent_array[parent_value][i];
}
}
</script>