Отправить форму, нажав на ссылку, не используя кнопку отправки - PullRequest
Новая
       2

Отправить форму, нажав на ссылку, не используя кнопку отправки

3 голосов
/ 10 марта 2012

Я пытаюсь отправить форму, нажимая на ссылки, не используя кнопку отправки. Каждый элемент формы имеет свое значение, которое должно быть отправлено при нажатии. Это не работает Я мог бы использовать JavaScript или jQuery. Пожалуйста, посмотрите на код: 

<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>

с предложениями Баруха - работает !!! 

<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>

Ответы [ 4 ]

3 голосов
/ 10 марта 2012

Добавить следующую строку после <form...>: 

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

Затем измените вызывающую функцию на: 

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

Ваша функция: 

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

в вашем php: 

echo $_POST['hx'];

Как это работает?

1.Вы нажимаете на ссылку

2.Функция js изменяет значение поля HIDDEN INPUT

3.Функция js отправляет форму

4. $ _ POST относится к скрытому входному значению

2 голосов
/ 10 марта 2012

Во-первых, я бы не стал использовать href="javascript:submitForm();", вместо этого использовал бы href="#" onclick="submitForm(this)"

Добавить скрытое поле в форму 

<input type="hidden" value="" id="hiddenId" />

В вашем методе submitForm измените myform наформы [0].Я считаю, что это будет более кросс-браузерным.Anywho ... добавить параметр в ваш метод, чтобы вы могли установить значение скрытого поля. 

<script type="text/javascript"> 
function submitform(el) 
{   
  document.getElementById('hiddenId').value = el.value;
  document.forms[0].submit(el); 
} 
</script>
0 голосов
/ 10 марта 2012 
<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
        <script>
            $(function() {
                $("form a").click(function() {
                    var value = $(this).data('value');
                    $.post('.', { myform: value });
                    return false;
                });
            });
        </script>
    </head>
    <body>
        <form>
            <a href="" data-value="h1">h1</a>
            <a href="" data-value="h2">h2</a>
            <a href="" data-value="h3">h3</a>
        </form>
    </body>
</html>
0 голосов
/ 10 марта 2012 
<a href="javascript: submitform('h1')">h1</a>

function submitform(val)
{
    $.post('.', { myform: val });
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...