• 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!

TOPIC: Downamic dropdown validation issue

Downamic dropdown validation issue 12 years 3 weeks ago #17000

  • eduardo9
  • eduardo9's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 5
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">&nbsp;</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">&nbsp;</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>
Last Edit: 12 years 3 weeks ago by eduardo9. Reason: edited codes
The administrator has disabled public write access.

Re: Downamic dropdown validation issue 12 years 3 weeks ago #17009

  • alexp
  • alexp's Avatar
  • OFFLINE
  • RSJoomla! Official Staff
  • Posts: 2253
  • Thank you received: 180
You can overcome this by enabling the AJAX validation type: Components > RSform!Pro > Manage forms > edit the form > Form Info
Please note: my help is not official customer support. To receive your support, submit a ticket by clicking here
Regards,
RSJoomla! Development Team
The administrator has disabled public write access.

Re: Downamic dropdown validation issue 12 years 3 weeks ago #17014

  • eduardo9
  • eduardo9's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 5
Thanks, that worked!
The administrator has disabled public write access.
  • 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!