How do I bind the full name to a select element and set an Id for the value of the option

[caleb-ablx]

Hello there,

Using the 30 day trial. I need to be able to tie the full name to the contacts in a database. The options need to be value="" text =

I can get this working when I use the same string for the value and the text. This requires that I do not have any duplicate names in the system and I have to add a javascript step to convert the value into a database key. I've looked at the demos and used the AI assistant without any luck.

---

editForm: {
generateElementsFromFields: false,
titleBinding: "name",
photoBinding: "img",
addMoreBtn: '',
addMore: '',
addMoreFieldName: '',
elements: [
{ type: 'select',
label: 'Full Name',
binding: 'name',
options: [ {value: "c8973e82-2086-4f38-ad67-cedd47553db1", text:"Jim Smith"}],
},

                        { type: 'textbox', label: 'Phone number', binding: 'phone' },
                        { type: 'textbox', label: 'Title', binding: 'title' },
                    ]
                },       
                nodeBinding: {
                   field_0: "name",
                   field_1: "title",
                   img_0: "img"
                },

nodes: [
{ id: "1", contactid: "936f00d8-4634-4e57-b33a-435cb9d4c5cf", name: "Jack Hill", title: "Commander", email: "amber@domain.com", img: "https://cdn.balkan.app/shared/a/1.jpg" }
]

Thanks,

Caleb

[ZornitsaPesheva]

Hi @caleb-ablx
Please check if this is what you need:
https://code.balkan.app/org-chart-js/dropdown-list-selection-in-edit-form#JS

[caleb-ablx]

Hello @ZornitsaPesheva ,

Thanks for this. Your code has a bug in it. If you change the value of the optionset to a number and run it you will see it. The code is mapping the value (or number) to the rectangle. Can you resolve this?

[ZornitsaPesheva]

Here is how you can do it:
https://code.balkan.app/orgchart-js/dropdown-with-number-values#JS

The value should be a valid node property.

[caleb-ablx]

Hello @ZornitsaPesheva,

I've reviewed the sample that you have provided and it does not work. The text name doesn't show up on the UI. Please see attached screen shot.

[plamen-peshev]

https://code.balkan.app/orgchart-js/905#JS

Let me know if the code demo above helps or you want something different