Question

首先，我建立了整个div的链接

<a href=''><div></div></a>

它的可点击性和一切，但有这个我不能提交一个POST，我想这样做我试图使整个div一个按钮（然后让它透明）但按钮不填充整个div和按钮放置aint在整个div中，但在div之外。

<button><div></div></button>

如何将WHOLE div设为按钮？

@Rodrigo Leite

if(isset($_POST['submit'])){
      //test
header("Location: http://www.google.com/");
}

<script language="JavaScript" type="text/javascript" src="/js/jquery-1.2.6.min.js"></script>
<script language="JavaScript" type="text/javascript" src="/js/jquery-ui-personalized-1.5.2.packed.js"></script>
<script language="JavaScript" type="text/javascript" src="/js/sprinkle.js"></script>

<script>
$(document).ready(function(){
    $('#div_test').click(function(){
        $('#form').submit();
    });
});

  </script>

<form name='form' action='' method='POST'><div id='div_test' ></div></form>

Answer 1

您可以使用javascript：

执行此操作

<?php

$name = @$_POST['name'];
$lastName = @$_POST['lastName'];

echo 'Received data:<br>';
echo $name . ' ' . $lastName;
echo '<br><br>';

?>

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>
<body>
    <form action='' method='post' id='form'>
        Name: <input type='text' name='name'><br>
        Last name: <input type='text' name='lastName'<br>
        <br><br>
        <div onclick='$("#form").submit();' style='border: 1px solid #000000'>
            DIV example: Fire form submit on click</div>
        </div>
        <br><br>
        <input type='submit' value='Submit butto e.g.'>
    </form>
<body>
</html>

我希望它可以帮到你。

Answer 2

要为网页发帖，您需要一个包含post方法的表单。

的index.html

<form action="action_page.php" id="myNames" method="post">
  First name:<br>
  <input type="text" name="myName">
  <br>
  Last name:<br>
  <input type="text" name="myLastName">
  <br><br>
  <input type="submit" value="Submit">
</form>

然后收到php文件发布的信息。

action_page.php

$firstName = $_POST['myName'];
$lastName = $_POST['myLastName'];

echo $firstName . ' ' . $lastName;

提交带有javascript

的表单

<div class="button" id="SubmitForm" onclick="submitForm()" title="myNames">

 function submitForm()
 {
      document.getElementById('myNames').submit();
 }

现在，当您单击带有id="SubmitForm" for的div时，将会提交。注意每个元素的id。这就是我们选择每个元素的方式。

然后使用我们的php，当我们到达php页面时，我们使用每个元素的名称转换为php变量并回显它。

如何制作整个Div按钮？

2 个答案: