Yo cree un código que por ejemplo si estoy en la URL actual www.dominio.com/?&filter_altura=180 y selecciono una opción de la lista me envía a la url www.dominio.com/?&filter_color=rojo.
Lo que yo necesito es que si estoy en la URL www.dominio.com/?&filter_altura=180 y selecciono una opción de la lista me envie a la url www.dominio.com/?&filter_altura=180?&filter_color=rojo.
Mi código hasta el momento es el siguiente
<select class="myselect">
<option selected>Seleccionar Color</option>
<option data-url="?&filter_color=rojo">Rojo</option>
<option data-url="?&filter_color=amarillo">Amarillo</option>
<option data-url="?&filter_color=azul">Azul</option>
</select>
</div>
<script>
const select = document.querySelector(".myselect");
const options = document.querySelectorAll(".myselect option");
// 1
select.addEventListener("change", function() {
const url = this.options[this.selectedIndex].dataset.url;
if(url) {
location.href = url;
}
});
// 2
for(const option of options) {
const url = option.dataset.url;
if(location.href.includes(url)) {
option.setAttribute("selected", "");
break;
}
}