Javascript problems with submitting a form

Question

I am not very familiar with javascript and I need a help here. I want to submit a form using JavaScript. Here is a code:

<script type="text/javascript">
function submitform()
{
    document.forms["myform"].submit();
}
</script>

<form name="myform" action="index.php?id=search">
    <div class="searchleft"><?php  echo $search['search']; ?>:</div>
    <div class="searchbox"><input type="text" name="query" id="searchbox"></div>
    <div class="searchbtn"><input name="search" onClick="submitform()" type="button"></div>
</form>

I want link after pressing a button to look like: http://127.0.0.1/index.php?id=search&query=blabla, but unfortunately it looks: http://127.0.0.1/index.php?query=blabla What do I have to change to make it look as I want?

Ry- · Accepted Answer · 2011-11-18 04:09:51Z

6

Use a hidden field:

<form name="myform" action="index.php?id=search">
    <input type="hidden" name="id" value="search" />
    <div class="searchleft"><?php  echo $search['search']; ?>:</div>
    <div class="searchbox"><input type="text" name="query" id="searchbox"></div>
    <div class="searchbtn"><input name="search" onClick="submitform()" type="button"></div>
</form>

answered Nov 18, 2011 at 4:09

Ry-♦

226k56 gold badges496 silver badges504 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

macou · Accepted Answer · 2011-11-18 04:11:43Z

0

There is only the one input on the form when it's submitted. I'm not familiar with php, but if you put search in a hidden field, it will come through on the post.

answered Nov 18, 2011 at 4:11

macou

7878 silver badges22 bronze badges

Comments

anson · Accepted Answer · 2011-11-18 04:14:44Z

0

First of all you must define your method, either "GET" or "POST", in this case, if you don't want url variables you should use POST.

answered Nov 18, 2011 at 4:14

anson

4,1742 gold badges25 silver badges30 bronze badges

Collectives™ on Stack Overflow

Javascript problems with submitting a form

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related