提交时隐藏div并将值发送给PHP

时间:2013-12-17 19:43:33

标签: php jquery html

<?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 id="hidethis">时隐藏submit

我知道我可以创建另一个页面,我可以在没有<form>部分的情况下接收值,但我想将两者放在一个页面中,使<div id="hidethis">隐藏在submit之后。

因此,我可以将echo $_POST['textvalue'];echo $_post['radiovalue'];作为结果

结果必须

文本//这是您输入Tekst Value

的值

autogivevalue //这是单选按钮

的值

-----不可见-----

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

2 个答案:

答案 0 :(得分: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
}
?>

答案 1 :(得分:0)

尝试在jquery代码中添加“#”。您的版本没有#next提交。此外,您的表单在此处以及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>