Скрытие div при отправке и отправке значений в PHP

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 id="hidethis"> при нажатии кнопки submit.

Я знаю, что могу сделать еще одну страницу, где я могу получить значения без раздела <form>, но я хочу разместить обе страницы на одной странице, а скрытый после submit <div id="hidethis">.

Поэтому я смогу получить echo $_POST['textvalue']; и echo $_post['radiovalue']; как результаты

РЕЗУЛЬТАТ ДОЛЖЕН БЫТЬ КАК

A Текст//Это значение, введенное в значение Tekst

autogivevalue//Это значение из переключателя

----- НЕВИДИМОЕ -----

<form is hidden because we set it in jQuery so>
</form>
Теги:

2 ответа

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
    Вы даже можете использовать <form method="POST" action="" onsubmit="$('#hidethis').hide()"> чтобы скрыть это даже немного раньше ;-)
  • 0
    Но если форма отправляется, страница перезагружается, а затем снова показывается div, нет?
Показать ещё 2 комментария
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>
Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню