JSFiddle - React, Tailwind, and code Playground

by jasenhk

HTML

<form id="rentsearchform" action="#" method="post">
    <label for="minbeds">Beds</label>
    <select id="minbeds" name="minbeds">
        <option value="0" selected>0</option>
        <option value="1">1</option>
        <option value="2">2</option>
    </select>
    <label for="minbaths">Baths</label>
    <select id="minbaths" name="minbaths">
        <option value="0" selected>0</option>
        <option value="1">1</option>
        <option value="2">2</option>
    </select>
    <button>Submit</button>
</form>

JavaScript

var minp = 0;
var maxp = 99999;
var minbeds = 0;
var minbaths = 0
var island = 3;

$("#rentsearchform").on("submit", function(e) {
    e.preventDefault();
    minbeds = $("#rentsearch select[name='minbeds']").val();
    minbaths = $("#rentsearch select[name='minbaths']").val();
    console.log("submit", minbeds, minbaths);
    var urlstr = 'http://alohaliving.com/Rentals/Search?Bedrooms$'+minbeds+'_0&SF=SD$0|Bathrooms$'+minbaths+'_0&SF=SD$0';
    console.log("urlstr", urlstr);
});