Setting values of hidden fields

Question

I have an issue with hidden fields inside a form element, I want to select the form in the editor and then change the values of the hidden fields by clicking on select boxes. I've added the select boxes to a new panel. How do I find the hidden fields within the selected form component and then set their values? The hidden fields are not direct children of the form. I'm interested in discussing best practice solution to this problem. It might be the case that the values need to be set when the f...

michaellwatson · Accepted Answer

Great stuff, grapesjs is amazing btw

artf · Answer

Hi Michael, you might want to rely on Component's view for this purpose Probably I'll add find(query) into Component in the next release

michaellwatson · Answer

Thanks @artf this is what I ended up with This kind of repeats itself a bit, because each hidden field is picked up in the foreach, but the $el variable holds all of the hidden fields, which is why added the returns to break the loops. Would be interested to know if there was a more elegant way of doing it, but this seems fit for purpose for now anyway. It would be good to know if there was an "on selected" kind of trigger that fired when an element was selected so I could set the field values...

Setting values of hidden fields

Question

Answers (3)

Related Questions and Answers

[QUESTIONS] change or add event on add component from block

Select element that has several blocks as one unit.

changesCount change on clicking any element in editor

[Question] How to select a specific element nested inside a template

Paid Plugins That Match This Issue

Related tutorials

🚀 Introducing GrapesJS Email Blocky: The Ultimate Email Block Library for GrapesJS

Browse Plugin Categories