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()) }
![](https://static.wixstatic.com/media/ca736f_a79de52ada7e4a97b632f51345a1b75f~mv2.png/v1/fill/w_980,h_827,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/ca736f_a79de52ada7e4a97b632f51345a1b75f~mv2.png)
Sure that you want this?
$w('#myDropdown'+(a+1)).placeholder=DropDowns[a];
Try to comment-out this code-line.
See result.