2013-12-17 29 views
0
<?php 
echo $_POST['textvalue']; 
echo $_post['radiovalue']; 

?> 
<div id="hidethis"> 
<form method="POST" action=""> 
<label>Tekst Value</label> 
<input type="text" name="textvalue"> 
<label>Radio Value</label> 
<input type="radio" name="radiovalue" value="autogivevalue"> 
<input type="submit" id="submit" name="submit" value="submit"> 
</div> 

http://jsfiddle.net/Bjk89/2/这里是它的jQuery。提交时隐藏div并将值发送给PHP

我试图做的是在点击submit时隐藏<div id="hidethis">

我知道我可以做另一个网页,我能接受的值没有<form>部分,但我想提出两个在一个页面中,使<div id="hidethis">submit后隐藏。

所以我能够得到echo $_POST['textvalue'];echo $_post['radiovalue'];作为结果

结果一定是这样

文本//这是希望的值输入到Tekst价值

autogivevalue//这是单选按钮的值

----- INVISIBLE -----

<form is hidden because we set it in jQuery so> 
</form> 

回答

3

试试这个。这里不需要使用jQuery。

<?php 
if($_POST) { 
    echo $_POST['textvalue']; 
    echo $_post['radiovalue']; 
} else { 
?> 
    <form method="POST" action=""> 
     <label>Tekst Value</label> 
     <input type="text" name="textvalue"> 
     <label>Radio Value</label> 
     <input type="radio" name="radiovalue" value="autogivevalue"> 
     <input type="submit" id="submit" name="submit" value="submit"> 
    </form> 
<?php 
} 
?> 
+0

你甚至可以使用'<形式方法= “POST” 行动= “” 的onsubmit = “$( '#hidethis')隐藏()”>'来隐藏它甚至有点更快;-) – Farce

+0

但如果表单提交,页面重新加载,然后再显示div,不是? – Floris

+0

当然,我只是想和你的代码结合起来:-) – Farce

0

尝试在您的jquery代码中添加'#'。您的版本没有提交旁边的#号。此外,您的表单在这里和JSFiddle代码中缺少结束标记。

试试这个:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 

<script> 
$(document).ready(function() { 
    $('#submit').click(function() { 
     $('form').submit(); 
     $('#hidethis').hide(); 
    }); 
}); 
</script> 
    <form method='post' id="hidethis" name='form'> 
     <input type="text" name="textvalue"> 
     <input type="radio" name="radiovalue" value="1"> 
     <input type="button" id="submit" name="submit" value="submit"> 
    </form>