Building a search form

[JoeBrooks]

I’m know how to navigate code, and once I learn how to code something I remember it forever. That being said I have never built a search form before with this functionality and I was wondering if someone here could lead me in the right direction with how to get started.

User chooses at least one option for any field. So he could choose to search for just Option 1 and not use option 2 / 3. Or he can select Option 1 , 2 and 3.

(brackets indicate an option the user choose)

Option 1 Dropdown
– [test]
– test2
– test3

Option 2 Dropdown
– test
– [test2]
– test3

Option 3 Dropdown
– test
– test2
– [test3]

Option 4 Dropdown
– test
– test2
– test3

user hits submit button and the following page loads:

yoursite.com/?option1=test&option2=test2&option3=test3

The user didn’t select anything for option 4 , thus it doesn’t appear in the url.

[JoeBrooks]

In trying to google for answer, I keep searching ‘build web form’ and everything coming back thus far is about building comment forms, or email collection forms. That’s not entirely what I’m doing here. If someone can give me a phrase of what I’m trying to do that would help me find a better google result that would be appreciated too :)

[JoeBrooks]

[My test codepen](http://codepen.io/joebrooks/pen/tHuBG)

[JoeBrooks]

I found some code to do what I want :D

Test
Test 2
Test 3



Test
Test 2
Test 3



Test
Test 2
Test 3



Test
Test 2
Test 3



Less than 1,500
1,500 – 2,000
$2,000 – 2,500
2,500 – 3,000
3,000+



Less than $100,000
$100,000 – $150,000
$150,000 – $200,000
$200,000+

[Author]

Posts