Skip to main content
3 de 4
se añadieron 54 caracteres en el cuerpo

Modificar parametro URL al hacer consulta GET

Estoy intentando realizar una consulta SEARCH con dos parámetros, el primero es el texto de búsqueda y lo segundo la etiqueta, pero el resultado de GET no es el deseado. El código es el siguiente:

 <section>
    <form action="https://google.com/search" method="get" name="search" role="search">
      <p>
        <label for="search-field">Buscar</label>
        <input type="search" name="q" placeholder="Buscar" />
      </p>
      <p>
        <label for="categories">Sect.</label>
        <select name="label">
          <option value="reposteria" selected>Repostería</option>
          <option value="decorado">Decorado de salones</option>
          <option value="comida">Comida</option>
        </select>
      </p>
      <p>
        <button>
          Search
        </button>
      </p>
    </form>
</section>

Resultado:

https://google.com/search?q=consulta+inicial&label=reposteria

Como verán la respuesta de consulta solo llega al primer parámetro, es decir "consulta+inicial" y obvia lo segundo. El resultado que espero obtener es el siguiente:

https://google.com/search?q=consulta+inicial+label+reposteria

o en su defecto:

https://google.com/search?q=consulta+inicial+reposteria

Como verán, busco quitar "&" y "=" para reemplazarlo por "+" para obtener la consulta deseada. Imagino que esto se puede resolver con Javascript, pero la verdad que no tengo mucho conocimiento de cómo aplicarlo, soy estudiante aún. De antemano agradezco la ayuda.

Carola

Nota: Obviamente google.com es solo ejemplo de dominio. La consulta solo debe aplicarse del lado del cliente.