JSFiddle - React, Tailwind, and code Playground

by Daedalus

HTML

<form name="searchForm" onsubmit="return searchform();">
    <label for="property_type">Property Type</label>
    <select name="property_type" id="property_type_number">
        <option value>- All Property Types -</option>
        <option value="1432">Commercial</option>
        <option value="1433">Land</option>
        <option value="1434">MultiFamily</option>
        <option value="1435">Rental</option>
        <option value="1436">Residential</option>
        <option value="1988">Residential / Condo</option>
        <option value="1987">Residential / Single Family</option>
    </select>
    <label for="city">City</label>
    <select name="city" id="city_number">
        <option value>- All Property Types -</option>
        <option value>--</option>
        <option value="cambridge">Cambridge</option>
        <option value="zanesville">Zanesville</option>
    </select>
    <input type="submit" value="Search for Properties" />
</form>

JavaScript

function searchform() {
    var propertyType = document.getElementById("property_type_number").value;
    var city = document.getElementById("city_number").value;


    target = "/idx/?" + city + propertyType + "hi";

    document.searchForm.action = target;
    window.location.href = target;
    return false;
}