How to select a range of 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 
let allElements = [];
for (let i = 1; i < 25; i++){allElements.push($w("#input" + i));}
allElements.forEach(e => {if(val === "option1"){e.collapse();}});