I cant seem to get rid of this message. I'm 17 and have no experience with coding at all. Options from data appear but doesn't change page

Ask the community
,
1

“Wix code SDK Warning: The selectOption parameter at index 0 that is passed to the options function cannot be set to [object Object]. Options must contain either a non-null value or a non-null label.”

function uniqueDropDown1() {

wixData.query( "Businesses1" ) 

    .limit( 1000 ) 

    .find() 

    .then(results => {

const uniqueTitles = getUniqueTitles(results.items);

        $w( "#dropdown1" ).options = buildOptions(uniqueTitles); 

    });

function getUniqueTitles(items) {

const titlesOnly = items.map(item => item.location);

return [… new Set(titlesOnly)];

}

function buildOptions(uniqueList) {

return uniqueList.map(curr => {

return { label: curr, value: curr };

    }); 

}

}

export function dropdown1_change(event, $w) {

uniqueDropDown2(); 

$w( "#dropdown2" ).enable();

}

function uniqueDropDown2() {

wixData.query( "Businesses1" ) 

    .contains( "location" , $w( "#dropdown1" ).value) 

    .limit( 1000 ) 

    .find() 

    .then(results => {

const uniqueTitles = getUniqueTitles(results.items);

        $w( "#dropdown2" ).options = buildOptions(uniqueTitles); 

    });

function getUniqueTitles(items) {

const titlesOnly = items.map(item => item.city);

return [… new Set(titlesOnly)];

}

function buildOptions(uniqueList) {

return uniqueList.map(curr => {

return { label: curr, value: curr };

    }); 

}

}

2

I haven’t read the entire code, but it should be something like:
let options;

wixData.query("Businesses1").ascending("title").limit(1000) .distinct("title")
.then(r => {
$w("dropdown1").options = buildOptions(r.items);
})

function buildOptions(items){
return items.map(e => ({label: e, value: e}));
}
3

What should i fix then? Should i get a new code?