ページがロードされたときに半分隠れているフォームがあり、ユーザーが最初の入力ボックスをクリックすると、フォームの残りの部分がその下に表示されます...ファイルをphpページに送信して、何をエコーするかだけを試みます含まれている入力要素...しかし、これは機能していません...これは、ページの読み込み時にフォームの半分が非表示になっているためだと感じています...
ここにフォームのコードがあります
<form action='new-question.php' method='post' id='new-question-form'>
<input type='text' name='title' class='shown-input' placeholder='Ask a new question'>
<!-- HIDDEN UNLESS CLICKED -->
<div class='hidden-until-click'>
<textarea name='details' placeholder="Enter your question details..."></textarea>
<button type='button' id='upload-question' class='btn'>
<img src='assets/images/css_images/upload.png'>
upload
</button>
<input type='submit' name='submit-question' id='submit-question' value='Go!' class='bttn bttn-blue tiny'>
</div>
<!-- END HIDDEN UNTIL CLICKED-->
</form>
そして私のphpファイル
<?php
if (isset($_POST['submit-question'])){
echo $_POST['title'];
} else {
echo "Nothing submitted;
}
?>
何も提出されていないと言い続けています....
divを非表示にする方法は次のとおりです。
$(".hidden-until-click").hide();
そして、このように表示します
$(".widget.small form#new-question-form .hidden-until-click").show();
ここに var_dump($_POST) があります:
array(2) {
["title"]=>
string(0) ""
["details"]=>
string(0) ""
}