JSFiddle - React, Tailwind, and code Playground

by oganez09

HTML

<form id="testform" action="index.php">
    <select name="sel1">
        <option value="">Choose select 1</option>
        <option value="1">1</option>
        <option value="2">2</option>
    </select>
    <select name="sel2">
        <option value="">Choose select 2</option>
        <option selected value="3">3</option>
        <option value="4">4</option>
    </select>  
</form>
<input id="show" type="button" value="Show query string"/>

JavaScript

var inputs={};
$('form#testform select').each(function(){
    getQuery(this);
});
$('form#testform select').on('change',function(){
    getQuery(this);
});
$('#show').on('click',function(){
    var action=$('form#testform').attr('action');
    action+=$.param(inputs)?'?'+$.param(inputs):'';
    alert(action);
});
function getQuery(el){
    if($(el).val()!=''){
        inputs[$(el).attr('name')]=$(el).val();
    }else{
        delete inputs[$(el).attr('name')];
    }
}