JSFiddle - React, Tailwind, and code Playground

by Luis Lebolo

HTML

<form id="someForm" onchange="allvaluestostring(this)">
    <select name="status">
        <option value="*">All</option>
        <option value="1">Active</option>
        <option value="0">Inactive</option>
    </select>
    <select name="size">
        <option value="*">All</option>
        <option value="small">Small</option>
        <option value="big">Big</option>
    </select>
</form>

JavaScript

window.allvaluestostring = function(that) {
    var out = "",
        delim = "";
    
    $.each($("#someForm").serializeArray(), function (idx, el) {
        out += delim + el.name + '=' + el.value;
        delim = "&";
    });
    
    console.log(out);
};