10th January 2021 - 11 minutes read time
I tried to do something the other day that I thought would be quite simple, but turned out to be really hard to get my head around. I had a Drupal 9 site with Paragraphs installed and I wanted a user to click a button on the node edit form and inject a particular Paragraph into a Paragraph field.
I found 2 solutions to this problem that solve it in slight different ways.
Piggy Back On Existing Events
After my initial struggles over trying to get this to work I decided to use a piggy back method. This essentially listens for the user interaction and then triggers the Paragraph add event that inserts the Paragraph into the field. The user interaction I was listening for was a user selecting different elements in a select list.
To get this working I added some JavaScript to the page, attached to the select list field called "field_type".