Select option with value/title

First of all, thanks for your awesome library, it helps me a lot…

I wonder if the library can render the select tag like:

<select>
  <option value="id1">Title 1</option>
  <option value="id2">Title 2</option>
</select>

for the enum, and I read the post https://github.com/brutusin/json-forms/issues/42, I found that we can use the script to decorate the returned object. But my situation is I load the scheme on the fly, and have no way to put the right decoration script.

I look into your source code: line 193-195:

var option = document.createElement("option");
var textNode = document.createTextNode(s.enum[i]);
option.value = s.enum[i];

then the value and the title are the same. Is there any support for value/title select in near future?

[minhdqtt]

Thanks for your support. I put my code here to hope that it’s helpful for someone:

brutusin["json-forms"].addDecorator(function (element, schema) {
    if (element.tagName) {
        var tagName = element.tagName.toLowerCase();
        if (tagName === "select" && schema.display) {
            var opts = $(element)[0].options;
            $.each(opts, function (index, option) {
                if (index > 0) $(option).text(schema.display[index - 1]);
            });
        }
    }
});

[sunilb0575]

For a drop down

'program': {
                'type': 'string',
                 'enum': programs.map((program) => program.name)
              },

where Programs is an array

programs: [ 
{id: 1, name: "Therapeutic Behavioral Services", identifier: "TBS", start_date: null, end_date: null}
{id: 2, name: "School-Based Therapy", identifier: "", start_date: null, end_date: null}
{id: 3, name: "Intensive Home Based Services", identifier: "IHBS", start_date: null, end_date: null}
{id: 4, name: "Therapeutic Foster Care", identifier: "TFC", start_date: null, end_date: null}
]

So the list of items in the drop down are names of the programs.

Is there a way I can store ID instead of name, when the user selects the name from the dropdown? @idelvall