Question

Working on a project where I want to be able to delete a dynamic record using jQuery and PHP. I already have the option for users to add a record dynamically it is just getting the delete option to work. While I am trying to develop this function I have set the Delete to INSERT. Where I am having trouble is getting the value from the hidden field to delete-class.php (the bottom script). Below I have posted the code:

<form id="frmDelete" method="post" action="delete-class.php">
            <input id="btnSubmit" type="submit"/> 

            <ul id="class">
                <?php
//this is being loaded from a different page and is here just to reference the fields
                 while ($row = mysql_fetch_array($result)) {
                 echo '<li id="liClass" class="ui-widget"><img src="trash-can-icon.png" id='.$row["id_distance_class"].' class="delete"/>' . $row["class_section"] . '<input type="hidden" name="hdid" id="hdid" value="'.$row["id_distance_class"].'"/></li>';
                ?>
            </ul>
        </form>
<script>
        $(function() {
            $(".delete").click(function() {
                $('#load').fadeIn();
                var commentContainer = $(this).parent();
                var id = $(this).attr("id");
                var string = id ;
                // console.log(id);

                $.ajax({
                    type: "POST",
                    url: "delete-class.php",
                    data: $(this).serialize(),
                    cache: false,
                    success: function(){
                        commentContainer.slideUp('slow', function() {$(this).remove();});
                        $('#load').fadeOut();
                    }
                });
                return false;
            });
        });
    </script>
//this is the delete-class.php
$results = mysql_query("INSERT INTO distance_class (class_section) VALUES ( '".$_POST['hdid']."' ) ");

Answer 1

The problem is you’re not passing this information in your AJAX request. You’re passing

data: $(this).serialize()

…presumably thinking this points to the form. It doesn’t; it points to the deletion button clicked, since this code is running in the button’s event handler callback.

Change the above to target the form.