How to make a search on the site through several selects?

Question

JavaScript

The site has a search form that consists of two selects and a "Search" button.
When a button is clicked, Javascript generates a link, depending on which value was selected, and the user is redirected to the corresponding page.
simple example:

<select name="location">
 <option value="los-angeles">Los Angeles</option>
 <option value="new-york">New York</option>
</select>

<select name="type">
 <option value="newspaper">Newspaper</option>
 <option value="magazine">Magazine</option>
</select>

The user can select one, two or none.
For example, you can get a link example.com/location/new-york/type/newspaper or example.com/type/magazine
But, as I understand it, when a link is generated by Javascript, search robots cannot see it, so the final addresses are not considered reachable from the search page.
There is something similar to Avito.
How can search be organized differently so that the summary pages are reachable from the search page and still make it easy for users to search?

Answer 1

All possible combinations should be pre-generated and placed on the page in the form of links hidden by styles, showing the desired one when choosing something.

Answer 2

Make everything links - after loading the page, style it with js.
Leave it as it is - make quick categories links. For PC themes: office, gaming, ....

Answer 3

Good afternoon! Found a solution? I’m also interested in this question on Wordpress, but I’m not strong in programming languages, drag and dropom can collect the maximum logic through the admin panel)) maybe there is a plugin, I found Calculated Fields Form but I can’t catch up yet how to implement it there.
You need to create a search:
1 form = car brand
2 form = car model
3 selection button = go to the page
selection separately is not possible, also prohibiting the display of the list from form 2 until you select something in form 1