How to add parameters in the html action?

Question

Now I just asked about the topbar links of my site. Well, now the problem is another: add parameters to a url. Follow the code:

<script type="text/javascript">
function web(){
document.form.action = "http://www.google.com/search?q=";
}
function images(){
document.form.action = "http://www.google.com/search?q=";
}
function videos(){
document.form.action = "http://www.google.com/search?q=";
}
function news(){
document.form.action = "http://www.google.com/search?q=";
}
</script>

The Google search parameter by:

imagens: &tbm=isch, vídeos: &tbm=vid, notícias: &tbm=nws.

How do I add these parameters to the url?

Answer 1

"The order of the parameters does not change the product" :)

The parameter pairs are separated by &, but in most applications, the order in which you present them is irrelevant. So, just use the format below:

<script type="text/javascript">
function web(){
   document.form.action = "http://www.google.com/search?q=";
}
function images(){
   document.form.action = "http://www.google.com/search?tbm=isch&q=";
}
function videos(){
   document.form.action = "http://www.google.com/search?tbm=vid&q=";
}
function news(){
   document.form.action = "http://www.google.com/search?tbm=nws&q=";
}
</script>

Example of link: http://www.google.com/search?tbm=isch&q=M.C.Escher

Note: this only makes sense if you are calling the function by JS, because if you want to take advantage of the fields of a normal form, you should not be sending nor the tbm nor the q in the action, and yes as fields.

Answer 2

You need to add one <input type="hidden" name="tbm"> within your <form>, then you can do it like this:

document.form.tbm.value = "isch";

or

document.form.elements["tbm"].value = "isch";

This way, your code would look like this:

<script type="text/javascript">
function web(){
    document.form.action = "http://www.google.com/search";
}
function images(){
    document.form.action = "http://www.google.com/search";
    document.form.tbm.value = "isch";
}
function videos(){
    document.form.action = "http://www.google.com/search";
    document.form.tbm.value = "vid";
}
function news(){
    document.form.action = "http://www.google.com/search";
    document.form.tbm.value = "nws";
}
</script>

Reference: http://www.w3schools.com/jsref/prop_form_name.asp