[SOLUCIONADO] Codigo de redireccion falla en formulario buscar

[thedenis]

Hola a todos...

Espero que me puedan ayudar con este problemilla que es la siguiente :
Estoy creando mi archivo buscar.php , via GET y a la hora de realizar la busqueda la url me da esto :

http://localhost/tienda/buscar.php?q=lapicero

y yo quiero que me de esto

http://localhost/tienda/buscar/lapicero/

Código:

RewriteRule ^buscar/([A-Za-z0-9_-]+)/$ buscar.php?q=$1 [L,NC,QSA]

a lo cual lo he conseguido solo cuando escribo la URL pero mi gran duda es como hago para que al presionar el boton buscar del formulario me genere la URL de arriba en la barra de direcciones y no esto:

http://localhost/tienda/buscar/?q=goma --> "?q="

mi resultado deseado seria algo asi al presiona el boton buscar:

http://localhost/tienda/buscar/goma/

Espero que me puedan ayudar
Saludos!!!


Mi formulario de busquede es este

Código HTML:

 <form action="<?php echo $url; ?>/buscar/" method="GET" class="navbar-form navbar-left" role="search">
                            <div class="input-group">
                                <input type="text" class="form-control" placeholder="buscador" name="q" id="q" size="60">
                                <div class="input-group-btn">
                                    <button class="btn btn-default" type="submit" ><i class="glyphicon glyphicon-search"></i></button>
                                </div>
                            </div>
                        </form> 

[CircuitoX]

Hola, mira lo siguiente:

http://myaddress/parameter
to
http://myaddress/index.php?s=parameter


http://stackoverflow.com/questions/7...in-the-address

[manuparquegiralda]

Puedes hacerlo con javascript:

Código HTML:

<form id="formSearch" action="<?php echo $url; ?>/buscar/" method="GET" class="navbar-form navbar-left" role="search">
    <div class="input-group">
        <input type="text" class="form-control" placeholder="buscador" name="q" id="q" size="60">
        <div class="input-group-btn">
            <button class="btn btn-default" type="submit" ><i class="glyphicon glyphicon-search"></i></button>
        </div>
    </div>
</form>
 

Código Javascript:

(function() {
 
    // Obtenemos el formulario y ponemos a la escucha el evento submit
 
    const form = document.getElementById( "formSearch" );
    form.addEventListener( "submit", ev => submitFormSearhc( ev ));
 
    // Función que se ejecuta al hacer submit en el formulario
 
    function submitFormSearhc( ev ) {
        // Detenemos el envío del formulario
 
        ev.preventDefault();
 
        // Obtenemos el input de búsqueda y la URL del action
 
        const input = document.getElementById( "q" );
        var url = form.attributes.action.value;
 
        // Si hay algún valor, redireccionamos a la URL más el valor del input
 
        if ( input.value ) {
            window.location = url + "" + input.value + "/";
        }
    }
 
})();
 

Algo así debería de funcionarte