JSFiddle - React, Tailwind, and code Playground

by icodeforlove

HTML

<form method="post">
    <input type="text" name="filter[]" value="one" />
    <input type="text" name="filter[]" value="two" />
    <input type="text" name="filter[]" value="three" />
    <input type="submit"/>
</form>

JavaScript

document.querySelector('form').addEventListener('submit', function (event) {
    event.preventDefault();
    
    var filters = Array.prototype.slice.call(document.querySelectorAll('input[name="filter[]"]'));
    filters = filters.map(function (filter) {
        return {"field":"keyword_search","operator":"is","value":filter.value};
    });
        
    alert('filters=' + encodeURIComponent(JSON.stringify(filters)));
    
    return false;
});