All topics

Select Option Values

Dov

1 month ago
How do I get the value of an attribute set at Option level, on an event at Select level.

Example is I have a repeat on Options for weeks of the year and display that as each option (data comes from an API call). Each item in the api call has an ID. I am putting this into an Attribute variable called chosenWeekID.

When I click on an Option, I want to trigger the onChange event and use the chosenWeekID to send to another API call. I understand that this needs to be triggered at select level.

Thanks for any help.
@Dov
How do I get the value of an attribute set at Option level, on an event at Select level.

Example is I have a repeat on Options for weeks of the year and display that as each option (data comes from an API call). Each item in the api call has an ID. I am putting this into an Attribute variable called chosenWeekID.

When I click on an Option, I want to trigger the onChange event and use the chosenWeekID to send to another API call. I understand that this needs to be triggered at select level.

Thanks for any help.
Lucas G

1 month ago
On select element -> input or change event -> set variable with event data
Dov

1 month ago
Thanks Lucas. I can't see event - data:
Dov

1 month ago
This is how I am setting the attribute at option level:
@Dov
Thanks Lucas. I can't see event - data:
Lucas G

1 month ago
Use that
Dov

1 month ago
I have tried that but it showing the value of the option, not the attribute:
Dov

1 month ago
I am setting the repeat like this:
Lucas G

1 month ago
Ah, I misunderstood
Dov

1 month ago
I sorted it. For the future if anyone else has this issue, the attribute name has to "value"
Lucas G

1 month ago
Correct
And the displayed option can be different from the value as well
For example
[ { "name:" "This is an option", "value": "option1" } ]
Where name would be the text element and value would be the value
Dov

1 month ago
I knew it would be something simple in the end. Thanks @Lucas G for the help.
👍1

Select Option Values

Dov

Lucas G

Dov

Dov

Lucas G

Dov

Dov

Lucas G

Dov

Lucas G

Dov

Stop scrolling. Start building.

Chat with @team-toddle

Video call our CEO

Get in touch!

Product

Company

Resources

Community