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>