Updating element via javascript doesn't trigger 'change' event

[AlexTCGPro]

Hey!
I have a calc element that's dependent of a databasejoin element.
The value of the databasejoin element is set with a parameter in the url.

I have no issue setting the value through javascript with

var url_string = window.location.href;
var url = new URL(url_string);
var form = Fabrik.getBlock('form_1');
var $value= url.searchParams.get("value");
form.formElements.get('f_payments___dbjoin').update($value);
document.querySelector("#f_payments___dbjoin").fireEvent('change');

However the 'change' trigger doesn't work. Which code should I use?

 

[deant]

I never try this but I thing it should work something like button click:

OK this is JS:
var element = document.getElementById('just_an_example');
var event = new Event('change');
element.dispatchEvent(event);

If you like to use jQuery try:
$("#element").trigger("change");

 

[troester]

Better use
jQuery() instead of $()

 

[AlexTCGPro]

I never try this but I thing it should work something like button click:

OK this is JS:
var element = document.getElementById('just_an_example');
var event = new Event('change');
element.dispatchEvent(event);

If you like to use jQuery try:
$("#element").trigger("change");

Doesn't work sadly, nothing happens

 

[deant]

You can do calculation in JS and then update your calc element. It's not too hard

 

[AlexTCGPro]

You can do calculation in JS and then update your calc element. It's not too hard

I'm using the calc element to meddle with tables and php code. I cannot do that with just JS

 

[deant]

With Ajax you have access to db tables and you can do a lot of php things befor response back to form.