Как сделать исчезновение инпута по кнопке, после выполнения php-кода?

Question

[Никита Братский]

<div class="hideme">
<div id="cmd">
<p style="color: #21f838; padding:0px; margin: 0px;">Нажмите на курсор, введите ваше имя и нажмите Enter: </p>
    <span></span>
    
    <div id="cursor"></div>
       <button type="submit" name="submit1" style="margin-left:360px;border: 1px dotted #21f838; background: #000; color: #21f838; position: fixed;" id="button-submit1" ">Enter</button>
       <!--onclick="document.getElementById('1').remove(document.getElementById('1'));-->
  </div>
 
  <input type="text" name="username"></div><?php 
$connect = mysqli_connect("localhost", "", "") or die('Не удалось подключиться');
mysqli_select_db($connect, "");
$name = $_POST['username'];
$answer = $_POST['answer'];
if (isset($_POST['submit1'])) {
  if ($name != '') {
echo "<div style='color:#21f838; font-family: courier;
  font-size: 14px;'>"."— Система:"."<br>"."текст,".$name.",текст."</div>"."
<div id='cmd'><span></span><div id='cursor'></div><button type='submit' name='submit2' style='margin-left:360px;border: 1px dotted #21f838; background: #000; color: #21f838; position: fixed;' id='button-submit1' class='close-btn'>Enter</button></div><input type='text' name='answer'>";

Необходимо, чтобы по нажатию на кнопку выполнялся не только php-код, но и сразу после php удалялся блок с инпутом и кнопкой, а заместо их вставал новый блок

Answer 1

[Welaurs]

Надо сделать отдельный контроллер, и делать запрос в него.

$('button[type=submit]').on('click', function() {
    $.ajax({
        url: '/controller.php',             // URL контроллера
        dataType : "json", 
        success: function (data, textStatus) { // При успешной отработке контроллера
            $('input[type=text]').remove(); // удаляем
        } 
    });
});

Так же крайне советую задать id input`у, иначе может удалить лишние.
P. S. Код писал не тестируя, могут быть ошибки.

Comments

[Никита Братский]

Вы имеете ввиду под контроллером?

Answer 2

[ThunderCat]

$('form').on('submit', function(
{
   $('.hideme').hide();
   $('.showme').show();
}))