Using an option picker label instead of the value

[FlaminWrap]

Hello,

I have a custom source option picker with various values in it to change variables in data sources to easily check different areas of activities that have taken place. An example of this is:

Label	Value
All Areas	%
Area 1	ABC
Area 2	DEF

I would like to show the label of the option picker selection in a paragraph but I only get the value. e.g. When All Areas id select it shows All Activities in % instead of All Activities in All Areas. Is there a way to show the label?

[ConorWebb96]

Hey @FlaminWrap,

Currently you are only able to set the value as I'm sure you have been doing. I'd recommend creating a enhancement request if you want to expand this functionality to include the labels as well.

With there being so few labels might I suggest something like this for a potential solution?

1. Update state on the options picker change.

2. Use the below function to output the labels.

var fields = [
  { value: "%", label: "All Areas" },
  { value: "ABC", label: "Area 1" },
  { value: "DEF", label: "Area 2" }
];
var selectedValue = $("State.output");
var matchingField = fields.find(function(field) {
  return field.value === selectedValue;
});
if (matchingField) {
  return matchingField.label;
}

Result

[FlaminWrap]

Excellent, thank you.