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
Importante: El código que puse es para consulta solo debe aplicarse del lado del cliente, solo que el segundo parámetro "select" resuelve "&label=etiqueta" y no se reconoce la búsqueda porque el signo "&" y "=" deberían reemplazarse por "+" de modo que la consulta search sea "/search?q=consulta+escrita+label+etiqueta".