it looks like it is not working anymore with OC v2.x.
JS console log error:
Uncaught Error: Error parsing the data-request-data attribute value. Error: Broken JSON body near Id': $('#country_id').val()}
at paramToObj (framework.js:512:19)
at $.fn.request (framework.js:480:19)
at HTMLSelectElement.documentOnChange (framework.js:532:17)
at HTMLDocument.dispatch (8f55f5b1b94742b550206e36b52f7945-1654042264:2:43064)
at v.handle (8f55f5b1b94742b550206e36b52f7945-1654042264:2:41048)
That approach has not worked for a while, since it is using eval() which was removed some time ago. You may want to place the country_id input inside your form or use the ajaxSetup event to inject the data programmatically.
yes it makes sense now as I am taking over an old project. It probably worked at a time but nobody notice that the expected behaviour was not here anymore.
so the current code is attached to a select input. The country id field is the select itself. I just want to show an input field 1 or a field 2 based on the selected element when it changes.
As I am writing this, I am guessing that I actually do not need to send data in the request, is that correct?