Event Listener to update Datapage with lookup Table changes

[bcjks]

Hello, 

I have an email field in a details page within a Datapage with a cascading dropdown that should populate email data from a lookup table. 

Most recently, any changes to the lookup table email field has not been updating the field in the details page.  Upon research, I think I need to include an event listener but I am not sure what coding is required and where to insert it. 

Any help is appreciated.  Thank you

[KlisaN137]

Hi @bcjks

If you want to update some other field when the Cascading field for email updates, you can use 'change' EventListener. Just add another HTML Block, and use something like this:

<script>
const emailCascField = document.querySelector('input[name="cbParamVirtual1"]'); //Your email field
emailCascField.addEventListener('change', (e)=>{
    const anotherField = document.querySelector('input[name="EditRecordOtherFieldName"]'); //Field you want to populate
    anotherField.value = emailCascField.value;
});
  
</script>

 

[bcjks]

Thank you!!!