Home/ Questions/Q 7638181
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-31T08:06:40+00:00

I’m trying to submit a form by clicking links, without using a submit button.

  • 0

I’m trying to submit a form by clicking links, without using a submit button. Each element of the form has its value which must be submitted when clicked. It doesn’t work. I could use JavaScript or jQuery. Please take a look on the code:

<head>
  <style>
  div {
    width: 100px;
    height: 100px;
    padding: 10px;
    margin: 10px;
    background-color: #EEEEEE;
  }
</style>
</head>
<body>
<form name="myform" action="test.php" method="post">
<div>
<a href="javascript: submitform()" value='h1'>h1</a><br>
<a href="javascript: submitform()" value='h2'>h2</a><br>
<a href="javascript: submitform()" value='h3'>h3</a><br>
</div>
</form>
<script type="text/javascript">
function submitform()
{
  document.myform.submit();
}
</script>
<div>
<?php
$form=$_POST['myform'];
echo $form.' bla<br>';
?> 
</div>
</body>
</html>

with ofir baruch suggestions- works!!!

<head>
<script src="jquery.js" type="text/javascript"></script>
  <style>
  div {
    width: 100px;
    height: 100px;
    padding: 10px;
    margin: 10px;
    background-color: #EEEEEE;
  }
</style>
</head>
<body>
<form name="myform" action="test.php" method="post">
<input type='hidden' id='hx' name='hx' value=''>

<div>
<a href="javascript: submitform('h1')">h1</a><br>
<a href="javascript: submitform('h2')">h2</a><br>
<a href="javascript: submitform('h3')">h3</a><br>
</div>
</form>
<script type="text/javascript">
function submitform(val)
{
  $("#hx").val(val);
  document.myform.submit();
}
</script>
<div>
<?php
echo $_POST['hx'];
?> 
</div>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Add the next line after the <form...>:

    <input type='hidden' id='hx' name='hx' value=''>

    Then , change your calling function to:

    <a href="javascript: submitform('h1')">h1</a><br>

    Your function:

    <script type="text/javascript">
function submitform(val)
{
  $("#hx").val(val);
  document.myform.submit();
}
</script>

    in your php:

    echo $_POST['hx'];

    How it works?

    1.You click a link

    2.The js function changes the value of the HIDDEN INPUT field

    3.The js function submit the form

    4.$_POST relates to the hidden input value

    • 0