我有一个在页面加载时隐藏一半的表单,当用户单击第一个输入框时,表单的其余部分显示在它下面......我现在尝试将文件提交到 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) ""
}