I want to add query parameter to URL when user select from drop down
I have a list of sort values in <select></select>
<div class="filter-select">
<select id="orders-filter" onchange="sortOrders(this.value)">
<option value="" disabled selected>Sort order by</option>
<option name="sortBy" value="sort=ordered">Ordered</option>
<option name="sortBy" value="sort=approved">Approved</option>
<option name="sortBy" value="sort=processing">Processing</option>
</select>
</div>
Initially the URL will be having a default parameter and i want to add-on new parameter to URL
http://localhost:8000/manager/orders?outlet_id=1
function sortOrders(parameter) {
var url = window.location.href;
if (url.indexOf('?') > -1) {
if(url.indexOf('sort') > -1) {
}
url += '&'+parameter;
} else {
url += '?'+parameter;
}
window.location.href = url;
}
The above function works fine but when i select a different parameter it keeps adding it, i want to replace the current one
//current result
http://localhost:8000/manager/orders?outlet_id=1&sort=ordered&sort=approved&sort=processing
//expected result
http://localhost:8000/manager/orders?outlet_id=1&sort=ordered
http://localhost:8000/manager/orders?outlet_id=1&sort=approved
http://localhost:8000/manager/orders?outlet_id=1&sort=processing
I wan tot check if the parameter has sort
keyword and replace the value if not append the parameter
thank you