Can't get the values of a dropdown list

Ask the community
,
1

Hello all,
I have this very simple dropdown code from which I want to retrive its values
$w.onReady( function () {
$w( “#dropdown1” ).onChange((event) => {
let txtBoostPlan = $w( ‘#dropdown1’ ).value;
console.log( “dropdown1.value=” +$w( ‘#dropdown1’ ).value);
});
});
However when I preview the page I get the following

933×486 13.2 KB

Thanks in advance

2

Fix-1:

$w.onReady(function () {
    $w("#dropdown1").onChange((event) => {
        let txtBoostPlan = $w('#dropdown1').value;
        console.log("dropdown1.value = ", txtBoostPlan);
    });
});

Fix-2:

$w.onReady(function () {
    $w("#dropdown1").onChange(async(event) => {
        let txtBoostPlan = await $w('#dropdown1').value;
        console.log("dropdown1.value = ", txtBoostPlan);
    });
});

Fix-3:

$w.onReady(function () {
    $w("#dropdown1").onChange((event) => {
        setTimeout(()=>{
           let txtBoostPlan = $w('#dropdown1').value;
           console.log("dropdown1.value = ", txtBoostPlan);
        },50)
        
    });
});

Which one of these fixes, works for you ?