I have 3 dropdown menus,where people can sort location(country,state,city)
After selecting the location there is a search button that should work on click and According the location selected would like to display the results on another page,in a repeater.
I don’t know/can’t trigger the on click button.
The dropdown filters correctly.Once filtering has finished how can i make the search button to work?Thank you
import wixData from ‘wix-data’;
import {local} from ‘wix-storage’;
import wixLocation from ‘wix-location’;
$w.onReady( function () {uniqueDropDown1();
});
function uniqueDropDown1 (){
wixData.query("Companydetails")
.limit(1000)
.find()
.then(results => {
const uniqueTitles = getUniqueTitles(results.items);
$w("#selectProfessional").options = buildOptions(uniqueTitles); });
function getUniqueTitles(items) {
const titlesOnly = items.map(item => item.category);
return [… new Set(titlesOnly)];}
function buildOptions(uniqueList) {
return uniqueList.map(curr => {
return {label:curr, value:curr};
});}}
export function selectProfessional_change(event, $w) {
uniqueDropDown2();
$w(“#selectCountry”).enable();}
function uniqueDropDown2 (){
wixData.query("Companydetails")
.contains("category", $w("#selectProfessional").value)
.limit(1000)
.find()
.then(results => {
const uniqueTitles = getUniqueTitles(results.items);
$w("#selectCountry").options = buildOptions(uniqueTitles); });
function getUniqueTitles(items) {
const titlesOnly = items.map(item => item.country);
return [… new Set(titlesOnly)];}
function buildOptions(uniqueList) {
return uniqueList.map(curr => {
return {label:curr, value:curr};
});}}
export function selectCountry_change(event, $w) {
uniqueDropDown3();
$w(“#selectprovince”).enable();}
function uniqueDropDown3 (){
wixData.query("Companydetails")
.contains("country", $w("#selectCountry").value)
.limit(1000)
.find()
.then(results => {
const uniqueTitles = getUniqueTitles(results.items);
$w("#selectprovince").options = buildOptions(uniqueTitles);
});
function getUniqueTitles(items) {
const titlesOnly = items.map(item => item.province);
return [… new Set(titlesOnly)];
}
function buildOptions(uniqueList) {
return uniqueList.map(curr => {
return {label:curr, value:curr};
});}}
export function selectprovince_change(event, $w) {
uniqueDropDown3();
$w(“#selectTown”).enable();}
function uniqueDropDown4 (){
wixData.query("Companydetails")
.contains("province", $w("#selectprovince").value)
.limit(1000)
.find()
.then(results => {
const uniqueTitles = getUniqueTitles(results.items);
$w("#selectTown").options = buildOptions(uniqueTitles);
});
function getUniqueTitles(items) {
const titlesOnly = items.map(item => item.town);
return [… new Set(titlesOnly)];
}
function buildOptions(uniqueList) {
return uniqueList.map(curr => {
return {label:curr, value:curr};
});
}
}
export function searchButton_click() { //search button code?
let word = $w(“#selectProfessional”).value;
let word1 = $w(“#selectCountry”).value;
let word2 = $w(“#selectprovince”).value;
let word3 = $w(“#selectTown”).value;
local.setItem(“searchWord”, word);
wixLocation.to(`/services`);
}
