jQuery Ajax using $.ajax

[Dat]

I can't get the ajax to work.

I am very new to ajax and javascript, I usually work with PHP.

<script>
    $(document).ready(function(){

        $("#list_status select").change(function () {
            var str = "";
            $("select option:selected").each(function () {
                str = $(this).text();
                data = $(this).siblings("form").serialize();
                $.ajax({
                   type: "POST",
                   url: "list.php",
                   data: data,
                   success: function(msg){
                     alert( "Your status updated as: " + msg );
                   }
                 });
            });

            $("#list_status").find("span").text(data);
        })
        .trigger('change');

    });
</script>
    <form style="padding:0px;" class="form" method="post" enctype="multipart/form-data" action="/list.php?type=<?php echo $type; ?>&id=<?php echo $entry_id; ?>">
        <fieldset>
            <ul>
                <li id="list_status">
                    <select name="list_status">
                        <option value="0" selected>Select your status</option>
                        <option value="1">Completed</option>
                        <option value="2">Watching</option>
                        <option value="3">Dropped</option>
                    </select>
                    <span></span>
                </li>
                <li><input class="submit" type="submit" name="submit" value="Submit"/></li>
            </ul>
        </fieldset>
    </form>

[Fumigator]

You've got a lot of spots in that code that could be failing-- why do you think it's the ajax spot? Also, if you're not already, install the firebug add-on in Firefox and check out the ajax communication using it. It gives you a lot of good info on the transaction.

[bdl]

Aside from what Fumigator mentioned, have you reviewed the straight markup that PHP is producing from this script? Make sure your entity names / values are correct. Firebug is going to be a huge help overall, make sure you get that installed and learned to use it.

Please also bear in mind that "ajax doesn't work" is an extremely vague, unhelpful comment. The more thought you put into your post, the more thought we put into it.

[Dat]

Originally Posted by bdl

Aside from what Fumigator mentioned, have you reviewed the straight markup that PHP is producing from this script? Make sure your entity names / values are correct. Firebug is going to be a huge help overall, make sure you get that installed and learned to use it.

Please also bear in mind that "ajax doesn't work" is an extremely vague, unhelpful comment. The more thought you put into your post, the more thought we put into it.

When I remove the ajax part of the javascipt the code works and the status gets outputted but when i include the ajax back into the code the status doesn't get outputted anymore.