Change in DropDown value - auto resets form?

[Oakley]

 

Is there a way that once a dropdown value has been selected, and then it is changed the form resets, or at least a couple fields reset?  

[Aether]

Hi @Oakley,

You can try using this kind of JS code, where it will reset the other fields once the value on the dropdown is selected:

<script type="text/javascript">
document.addEventListener('DataPageReady', function (event) {
//Field for the dropdown
var x = document.querySelector('[name*=InsertRecordTitle]');

//All the other fields that needs to be reset
x.onchange = function() {
document.querySelector('input[name="InsertRecordName"]').value = "";  
document.querySelector('input[name="InsertRecordEmail"]').value = ""; 
document.querySelector('input[name="InsertRecordDATE"]').value = ""; 
document.querySelector('input[name="InsertRecordDescription"]').value = ""; 
 } });
</script>

Refer screenshot below:

You may test it out here: https://c1abv183.caspio.com/dp/48276000abef0cdd18cc4d178a92

 

[Aether]

You may also refer to this similar forum post:

 

[Oakley]

thanks so much!  worked perfectly

[ianGPT]

Hello,

Just wanted to also share that you can use Cascading elements.

https://howto.caspio.com/datapages/datapage-components/cascading-elements/