Adding a Double Layered Search Bar to my Site

I need 2 x drop down search lists which contain 20 fields in one, and then 10 in the one next to it.

So for example, I want to search for a “house, flat, apartment, widget” (20 options)
IN….
“Paris, London, New York” (10 options)

Then hit SEARCH

The result redirects me to the relevant one of my 200 (20×10) pages based on the combination.

Does anyone know if there is a plug-in or simple way of making this happen?

Also if there is a JSfiddle perhaps (but I haven’t found it yet).

EDIT: it’s fine if the second stage / box was where you type the word in the search box and it kind of auto fills with the place you are looking for – I could work with that, may be even better.

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer