How Do I Make The Results Of a Multiple Dropdown Filter Display on a Repeater on a new Page.

Hi guys the best example of what I want to do is on this page https://www.filteroutlet.com/air-filters/finder/size/

I want to create a multiple drop down with conditions and a button which opens the filter results of the drop down menu in a new tab

I know how to make drop downs with a repeater on the same page that filters according to what the user inputs but I do not know how to display the results of the dropdown filter/search on another page.

I need the code for button that opens the repeater on a new page (the new page can open in a new tab or from the tab il be happy either way)

Please help guys. My level of coding is copy paste. I can modify but I cannot write code from scratch so I really need a little hand holding here. Thanks

Ok, here we go!

Although this is not the wishing-center for ready2go codes, i will give you some tips. Normaly this forum is used to help users on a certain issue/problem inside a code-complex and not to provide complete generated codes for every-one. Just keep this in your mind.

But if you want to learn coding, than surely you can get your help inside this forum.

The only question will be → How deep you want to dive into the coding world ???

And i even can give you an answer to this question!
The level of how deep you will have to dive into the coding world → will depend on → how custom and flexible you want to generate/create your site .

The more you will want to customize your site and give it this ways more flexibility to make it more dynamic. the more you will have to improve your coding-skills (or hire someone to make it for you).

However, …

I know how to make drop downs with a repeater on the same page that filters according to what the user inputs but I do not know how to display the results of the dropdown filter/search on another page.

First of all, the question would be which elements do you use inside your project and how your project is sctructured. You mention a → REPEARTER (ok)!

But you don’t mention anything about a usage of a dataset. Ok, perhaps in your case this would be → logical conclusion ← since you are not that familiar with coding. But it is always good to describe your project in DETAIL!

Take a look onto this post here, to get some insights of how to work with DropDowns, if it comes to the coding-way…

will be able to learn some stuff about Drop-Downs and more…

Also you mentioned, that you want to show your results on another TAB/PAGE.
This for you will need to use…
https://www.wix.com/velo/reference/wix-storage

More informations about → Wix-Storage" you will surely find, when you search for → local / session / storage in the search-bar of this forum.

I’m clearly a newb here. Thanks for clarifying how to use the forum and my apologies for the misuse of the platform.

Its been two weeks with wix trying yo deliver on s client site and this is the most excited ive felt about learning javascript. That’s in store for me and il go as deep as I can.

As for this issue i can’t fatten the cow on the day of the feast. I need a huge favor, help please. By Watching videos and digging here l, here is what can achieve

Multiple Dropdown Filter
import wixData from ‘wix-data’ ;

//USE THIS LINE OF CODE FOR BUTTON ONCLICK
// export function searchButton_click_1(event) {
// search();
// }

$w . onReady (() => {
$w ( “#dropdown1, #dropdown2, #dropdown3” ). onChange ( function () {
search ();
});
});

function search () {

wixData . query ( "databaseID" ) 
    . contains ( "fieldkey1" ,  String ( $w ( "#dropdown1" ). value )) 
    . and ( wixData . query ( "databaseID" ). contains ( "fieldkey2" ,  String ( $w ( "#dropdown2" ). value ))) 
    . and ( wixData . query ( "databaseID" ). contains ( "fieldkey3" ,  String ( $w ( "#dropdown3" ). value ))) 
    //--------- COPY AND PASTE FROM THE .and() TO THE NEXT LINE TO ADD CODE FOR MORE DROPDOWN 

    . find () 
    . then ( results  => { 
        $w ( "#repeater1" ). data  =  results . items ; 
    }); 

}

//Reset Filter
export function resetButton_click ( event ) {

$w ( "#dataset1" ). setFilter ( wixData . filter ()) 

$w ( "#dropdown1" ). value  =  **undefined** ; 
$w ( "#dropdown2" ). value  =  **undefined** ; 
$w ( "#dropdown3" ). value  =  **undefined** ; 

}

I want to add the button that opens the results of the repeater or gallery of this code in another page.

I have looked at wixlocation.to and localstorage, but how do i ammend this code accordingly. Will take me months of reading, hence I’m here.

Already stumbled on the links yoj shared, but still wondering how i add all that to my code. Il appreciate any help on this.

my thoughts are to first make the page where the repeater or gallery sits and then somehow link the dropdown from my home page to the repeater page. But I just do not know how to get that done

Something tells me that this post is the same as yours…
https://www.wix.com/velo/forum/coding-with-velo/filter-a-repeater-using-multiple-input-components

One and the same person? Why identical code?

Hey John!

I’ve recently added very similar functionality to a client site. Search on the home page which redirects to the page that needs filtering with the information filtered.

If you check my account a couple of my recent posts have some examples that may help you in the right direction. If you need any help with it let me know

@russian-dima not me but he probably got the code from the same source wix club on youtube.
@Noah let me have a look

I think Noah will be able to help you, give him a chance to help you.