|SOLVED| Help with onChange event on dropdown

Ask the community
,
6

@miguelbuyme
Is there more CODE in your on your page? If so → show your whole code.

You are using → exportfunction dropdown4_change ( event ){ ← get rid of it.
Use another coding-technique. Also delete the button-connection inside the PROPERTY-PANEL!

COPY and PASTE the whole shown code to your page and run it again.

$w.onReady(function() {console.log("Page ready!");
    $w('#dropdown4').onChange(async()=>{console.log("Dropdown-Changed!");
        if ($w('#dropdown4').value === 'duplex') {console.log("DUPLEX"); 
            $w('#group37, #group38').expand();  
            $w('#group37, #group38').show('fade', {duration:500});
            //--------------------------------------------------------
            await $w("#group31, #group32").hide('fade', {duration:500});
            $w("#group31, #group32").collapse();            
        } 

        
        if ($w('#dropdown4').value === 'triplex') {console.log("TRIPLEX"); 
            $w('#group37, #group38, #group31').expand();    
            $w('#group37, #group38, #group31').show('fade', {duration:500});
            //--------------------------------------------------------
            await $w("#group32").hide('fade', {duration:500});
            $w("#group32").collapse(); 
        }
        

        if ($w('#dropdown4').value === 'fourplex') {console.log("FOURPLEX"); 
            $w('#group37, #group38, #group31, #group32').expand();  
            $w('#group37, #group38, #group31, #group32').show('fade', {duration:500});
        }
    });
});

Open the console and take a look onto the results. Which results do you get?
Screenshot?