Введите идентификатор div в текстовое поле и удалите его из текстового файла при нажатии кнопки отправки.

Question

Я ломал голову, пытаясь заставить работать какую-то особенную функцию. Это кажется простым, но я просто не могу понять это. Я ищу в основном получить текстовый файл и позволить кому-то ввести определенный идентификатор в поле ввода, которое после нажатия пользователем «удалить» удалит только целевой идентификатор DIV.

Я попытался обернуть файл PHP вокруг формы безуспешно, а также поместить PHP непосредственно в кнопку отправки, но ничего не помогло, кто-нибудь может указать мне правильное направление?

Я искал другой пост здесь, но, кажется, ничего не соответствует тому, что я искал, или я неправильно его формулирую. Вот как я хочу, чтобы это выглядело:

<form action='delete.php' method='post'>
<input name='idinput' type='text' value='Enter The Certain ID Value You Want To Remove'>
<input type='submit' name='submit' value='Remove'>
</form>

Answer 1

Мне удалось сделать это, поместив форму, которая вставляется в текстовую информацию, которую я отправляю:

<form action='delete.php' method='post'>
<input type='hidden' name='random' id='random' value='".$random."'>
<button type='submit' value='report'></button>
</form>

А также добавив это на страницу delete.php:

<?php 
$random = $_POST['random'];
$original = "<div id='".$random."'>";
$replacement = "<div id='".$random."' class='hidden'>";
$str = file_get_contents('submissions.txt');
$str = str_replace("$original", "$replacement",$str);
file_put_contents('submissions.txt', $str);
header('Location: index.php');
?>

Answer 2

Не уверен насчет бита текстового файла, но для удаления элемента из DOM, ну, вы не можете сделать это в PHP без перезагрузки страницы и добавления некоторых дополнительных данных, используя некоторую логику, чтобы не отображать этот элемент. .

Вам нужно использовать JavaScript ... или с JS с jQuery

$(function(){
    $('input[name="submit"]').on('click', function() {
       var val = $('input[name="idinput"]').val();
       $('#or.IDorCLASSNAME_' + val).remove(); //If Id Input val is 3 this gives #or.IDorCLASSNAME_3
    });
});

JQuery: https://api.jquery.com

jQuery Remove: https://api.jquery.com/remove/

Удаление jQuery DOM: https://api.jquery.com/category/manipulation/dom-removal/

Учебник: https://www.w3schools.com/jquery/jquery_dom_remove.asp