populate combobox from a local json array file

LefterisKoumis

I defined a combobox:

 

 <calcite-combobox value="county" label="county" placeholder="County" id="beg_county"
                  style="padding-bottom: 10px; width: 100px;"></calcite-combobox>

 

Then, I loaded the content of a json file to an array with label and value:

 

 

 

esriRequest("./CountyRouteRanges.json", options)
        .then((response) => {
---------
 for (var prop in thedata) {
            if (thedata.hasOwnProperty(prop)) {
                countylist.push({
                label: prop,
                value: prop
              });
            }
          }
-------------

 

But I can't populate the combobox:

 

 let countyselection =  document.getElementById("beg_county")
countyselection.add(countylist);

 

 

 

 

BenElan

If you prefer using setAttribute, then it should be like this:

 

comboItem.setAttribute('value', items.value);
comboItem.setAttribute('text-label', items.label);