Is there a way to "index" multiple wix elements?

Ask the community
,
1

Is there a way to do something like #input1-#input24" instead of typing them all out?
Also, do I need to put the " if (val === “option1” ) " in front of each element?

$w.onReady(() => {
$w( ‘#dropdown1’ ).onChange(() => {
let val = $w( ‘#dropdown1’ ).value;
if (val === “option1” ) { $w( ‘#input9’ ).expand()}
if (val === “option1” ) { $w( ‘#input10’ ).expand()}
if (val === “option1” ) { $w( ‘#input11’ ).collapse()}
if (val === “option1” ) { $w( ‘#input12’ ).collapse()}
if (val === “option1” ) { $w( ‘#input13’ ).collapse()}
if (val === “option1” ) { $w( ‘#input14’ ).collapse()}
if (val === “option1” ) { $w( ‘#input15’ ).collapse()}
if (val === “option1” ) { $w( ‘#input16’ ).collapse()}
if (val === “option1” ) { $w( ‘#input17’ ).collapse()}
if (val === “option1” ) { $w( ‘#input18’ ).collapse()}
if (val === “option1” ) { $w( ‘#input19’ ).collapse()}
if (val === “option1” ) { $w( ‘#input20’ ).collapse()}
if (val === “option1” ) { $w( ‘#input21’ ).collapse()}
if (val === “option1” ) { $w( ‘#input22’ ).collapse()}
if (val === “option1” ) { $w( ‘#input23’ ).collapse()}
if (val === “option1” ) { $w( ‘#input24’ ).collapse()}

if (val === “option2” ) { $w( ‘#input11’ ).expand()}
if (val === “option2” ) { $w( ‘#input12’ ).expand()}
if (val === “option1” ) { $w( ‘#input13’ ).collapse()}
if (val === “option1” ) { $w( ‘#input14’ ).collapse()}
if (val === “option1” ) { $w( ‘#input15’ ).collapse()}
if (val === “option1” ) { $w( ‘#input16’ ).collapse()}
if (val === “option1” ) { $w( ‘#input17’ ).collapse()}
if (val === “option1” ) { $w( ‘#input18’ ).collapse()}
if (val === “option1” ) { $w( ‘#input19’ ).collapse()}
if (val === “option1” ) { $w( ‘#input20’ ).collapse()}
if (val === “option1” ) { $w( ‘#input21’ ).collapse()}
if (val === “option1” ) { $w( ‘#input22’ ).collapse()}
if (val === “option1” ) { $w( ‘#input23’ ).collapse()}
if (val === “option1” ) { $w( ‘#input24’ ).collapse()}

2

@zdelihas There are a couple ways to condense the code. If you are wanting to collapse every input on the page, you could do it this way:

if (val === "option1") {
    $w("TextInput").collapse();
}

Or list them like this:

if (val === "option1") {
    $w("#input9,#input10,#input11,#input12,#input13,#input14").collapse();
}
3

Thank you!!!