Select field does not appear in formData

In a form I added several inputs and they all appear in formData so that I can use this object to send it to my backend with all the screen fields I need, however the input select components are not part of the form and do not appear in formData. What can be done so that all data editing components appear in formData automatically?

@endrigo How do you populate the select field? If it’s through a variable then the value will automatically show up. If it’s through a Collection, then you need to set the id and value.

In below image, I used a variable.

@Sambhavi My select is manually populated with text and value. That’s not the problem, the problem is that the select input does not appear in the formData object. See the image, to assemble the body of my PUT request I had to add the select input value manually.

Ah okay. I generally map values from component section of the current page. :thinking:

Hi :waving_hand:,

Were you able to figure out why this was happening? It’s happening to me too. I don’t see my Select input on the native form data object either.

Hi,

that usually happens when the name of an element is not assigned. The element that is placed inside the form has that specific green tag as you can see on the screenshot.

So “field name” below this tag should not be empty or repetitive. In case of duplicate names, only one element will be displayed inside the formData. Can you check?

Ah, thank you. That’s a great clue.

Strangely when I check my Select element’s properties, I see it doesn’t belong to the form. Although I added the element inside the form, it doesn’t show me the field name or the green tag like it does for Input text elements.

I’m probably missing something because the select element is definitely within the form at the same level of other input elements (and they’re being detected).