Changing Placeholder for dropdown

Ask the community
,
1

HI Guys,

How can i change the place holder text for this conditional dropdown filter on my site ? i want the place holders to be set with this

$w ( “#myDropdown1” ). placeholder = “Push, pull Or legs?” ;
$w ( “#myDropdown1” ). placeholder = “What muscle group?” ;
$w ( “#myDropdown1” ). placeholder = “What exercise type?” ;
$w ( “#myDropdown1” ). placeholder = “What equipment?” ;

currently as it is below the drop down place holder is being set by this part of the code and not the set place holder part at the top?

DropDowns [ 0 ] = “ppl”
DropDowns [ 1 ] = “muscleGroup”
DropDowns [ 2 ] = “exerciseType”
DropDowns [ 3 ] = “equipmentType”

Here is the full code

import wixData from ‘wix-data’ ;

$w ( “#myDropdown1” ). placeholder = “Push, pull Or legs?” ;
$w ( “#myDropdown1” ). placeholder = “What muscle group?” ;
$w ( “#myDropdown1” ). placeholder = “What exercise type?” ;
$w ( “#myDropdown1” ). placeholder = “What equipment?” ;

$w . onReady ( function () { uniqueTitles_DropDowns ()});

var DropDowns =
var DATABASE = “Training”

DropDowns [ 0 ] = “ppl”
DropDowns [ 1 ] = “muscleGroup”
DropDowns [ 2 ] = “exerciseType”
DropDowns [ 3 ] = “equipmentType”

async function uniqueTitles_DropDowns ( ) { console . log ( “load_UniqueTitles for DropDowns” )
let dbDATA = await wixData . query ( DATABASE )
let Options =

for ( var a = 0 ; a < DropDowns . length ; a ++) {
if ( DropDowns [ a ]!== undefined && DropDowns [ a ]!== “undefined” && DropDowns [ a ]!== null ) {
await dbDATA . distinct ( DropDowns [ a ])
. then (( results ) => {
let items = results . items
for ( var b = 0 ; b < items . length ; b ++) {
Options . push ()
Options [ a ]. push ({ “label” : items [ b ], “value” : items [ b ]})
}
$w ( ‘#myDropdown’ +( a + 1 )). options = Options [ a ]
$w ( ‘#myDropdown’ +( a + 1 )). placeholder = DropDowns [ a ]
})
}
}
}

export function searchButton_click ( event , $w ) {
$w ( “#trainingDataset” ). setFilter ( wixData . filter ()

  . contains ( "ppl" ,  $w ( "#myDropdown1" ). value ) 
  . contains ( "muscleGroup" ,  $w ( "#myDropdown2" ). value )   
  . contains ( "exerciseType" ,  $w ( "#myDropdown3" ). value )   
  . contains ( "equipmentType" ,  $w ( "#myDropdown4" ). value ))

. then (( results ) => {
console . log ( “Data Is Now Filtered” );
$w ( “#listRepeater” ). data = results . items ;
}). catch (( err ) => {
console . log ( err );
});
$w ( “#listRepeater” ). expand ();
}

export function clearFilterbutton_click ( event , $w ) {

$w ( "#myDropdown1" ). selectedIndex  =  **undefined** ;

$w ( “#myDropdown2” ). selectedIndex = undefined ;
$w ( “#myDropdown3” ). selectedIndex = undefined ;
$w ( “#myDropdown4” ). selectedIndex = undefined ;
$w ( “#trainingDataset” ). setFilter ( wixData . filter ())
}

1606×1356 169 KB

2

Sure that you want this?

$w('#myDropdown'+(a+1)).placeholder=DropDowns[a];

Try to comment-out this code-line.
See result.