get combobox selected display

LefterisKoumis — Tue, 23 May 2023 22:06:56 GMT

I have this simple calcite combobox. I want to capture the selected display,not its value.

It is simple to get the value.

So, if I select the first option how do I capture "One", the text-label value?

https://codepen.io/lkoumis1/pen/mdzvBKv?editors=1111

document .getElementById("test").addEventListener("calciteComboboxChange", function (event) { console.log(document.getElementById("test").value) })

Re: get combobox selected display

KittyHurley — Tue, 23 May 2023 23:15:38 GMT

@LefterisKoumis Depending on the intent, you can use JavaScript, for instance:

Loop through selected items:

document.getElementById("test").addEventListener("calciteComboboxChange", (evt) => { for (item of evt.target.selectedItems) { console.log(item.textLabel); } });

Gather the latest selected item:

document.getElementById("test").addEventListener("calciteComboboxChange", (evt) => { const selectedItemNumber = evt.target.selectedItems.length - 1; console.log(evt.target.selectedItems[selectedItemNumber]?.textLabel); });

topic Re: get combobox selected display in Calcite Design System Questions

get combobox selected display

Re: get combobox selected display