0

les pasó a explicar lo que me esta pasando.

Tengo este HTML, en el cual usó Smarty

<select id="filtro" class="form-select" style="width:150px;">
    <option value="e"{# if $tsSelect == 'e' #} selected{# /if #}>Estado</option>
    <option value="f"{# if $tsSelect == 'f' #} selected{# /if #}>Fecha</option>
    <option value="ip"{# if $tsSelect == 'ip' #} selected{# /if #}>IP</option>
</select>

y luego he agregado este código

<script>
filtro = document.getElementById("filtro")
filtro.addEventListener('change', () => {
    let normal = "d",
    value = filtro.options[filtro.selectedIndex].value,
    search = window.location.search;
    if(search != '') {
        if (typeof URLSearchParams !== 'undefined') {
            p = new URLSearchParams(search);
            p.delete('o');
            search = p.toString().split('=')[1];
        }
        normal = (search == 'd') ? "a" : "d";
    }
    // http://localhost/admin/posts?o=e&m=d
    location.href = "{# $tsConfig.url #}/admin/posts?o=" + value + "&m=" + normal; 
})  
</script>

Bien hasta funciona todo correcto, selecciono una opción recarga y agrega en la url lo que corresponde, pero el problema se encuentra en la opción que tenga "selected" ya que si le doy clic para volver a seleccionar para cambiar de d => a, no hace nada, ni siquiera recarga.

Si en la url es así localhost/admin/posts?o=f&m=d se agrega el selected en Fecha pero cuando vuelvo a dar clic debería pasar a localhost/admin/posts?o=f&m=a...

He buscado información, he probado algunas formas pero no he conseguido solucionarlo!

Espero haberme explicado correctamente.

2
  • Por alguna razón, me borra la primera parte... Ya que estoy saludando, lo que falta es "Hola a todos...."
    – Miguel92
    Commented el 21 ago. 2021 a las 21:37
  • 1
    No hay conflicto, lo que pasa es que el evento change no se va a disparar si "seleccionas" un valor que ya está seleccionado. Tal vez podría hacerse con radios y el evento click en cada uno.
    – Triby
    Commented el 21 ago. 2021 a las 23:41

0

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

Examina otras preguntas con la etiqueta o formula tu propia pregunta.