如何製作整個Div按鈕？

首先，我讓整個DIV如何製作整個Div按鈕？

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

的鏈接它的點擊和一切，但這個我不能提交，我希望做一個POST所以我嘗試使整個DIV的按鈕（然後使它透明）但該按鈕不會填充整個div和按鈕放置在整個div但不在div中。

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

如何使整個div的按鈕？

@Rodrigo雷特

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>

來源

2015-11-08 anon

我想要一個表單來提交一些東西 – anon

它不重要 – anon

如果按下「按鈕」一些PHP代碼將運行。 – anon

你可以做到這一點，使用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>

我希望它可以幫助你。

來源

2015-11-08 19:35:08

嗯，我不能得到它的工作什麼有做錯了嗎？ @Thread – anon

您使用了一個選擇器#form，但沒有爲窗體定義一個id。改變：

hm我得到：SyntaxError：expected expression，got'<'jquery-1.2.6.min.js：1：0 SyntaxError：預期表達式，得到'<'jquery-ui-personalized-1.5.2.packed.js ：1：0 SyntaxError：expected expression，got'<'sprinkle.js：1：0 ReferenceError：$沒有定義 – anon

爲了在頁面上發佈信息，您需要一個包含發佈方法的表單。

的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(); 
}

現在，當您單擊DIV與id="SubmitForm"的進行，將被提交。注意每個元素的ID。這是我們如何選擇每個元素。

然後用我們的php，當我們到達php頁面時，我們使用每個元素的名稱來轉換爲一個php變量並將其回顯。

來源

2015-11-08 20:00:49 wuno

請參閱編輯我忘了添加帖子到表單。它現在在那裏。 – wuno

但我如何通過按div觸發POST？ – anon

如果你想要一個div提交表單，你需要使用javascript。你希望整個div可點擊而不是提交？ – wuno

如何製作整個Div按鈕？

回答

相關問題