Form inside of $.load not posting correctly

by

Are you familiar with AJAX? Forgive me if you know this already, but in case you don’t:

Ajax posts data to an external php file, which processes the data it receives, and sends back an answer. It looks like this:

FILE #1:

<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $('#Sel').change(function() {
                    var opt = $(this).val();
                    var someelse="Hello";
                    var more_stuff="Goodbye";
                    $.ajax({
                        type: "POST",
                        url: "receiving_file.php",
                        data: 'selected_opt=" + opt + "&something_else=" +someelse+"&more_stuff="+more_stuff,
                        success:function(data){
                            alert("This was sent back: ' + data);
                        }
                    });
                });
            });
        </script>
    </head>
<body>

<select id = "Sel">
    <option value ="Song1">default value</option>
    <option value ="Song2">Break on through</option>
    <option value ="Song3">Time</option>
    <option value ="Song4">Money</option>
    <option value="Song5">Saucerful of Secrets</option>
</select>

FILE #2: receiving_file.php

<?php
    $recd = $_POST['selected_opt'];
    echo 'You chose: ' . $recd;

More Related Contents:

  1. html graphs from database [closed]
  2. Is the following code valid? [closed]
  3. First drop down menu to auto change the options of a second dropdown
  4. jQuery AJAX form using mail() PHP script sends email, but POST data from HTML form is undefined
  5. How can we open a link in private browsing mode
  6. How to preview an image before and after upload?
  7. Pass data from jQuery to PHP for an ajax post
  8. Javascript function post and call php script
  9. How to add anchor tag to a URL from text input
  10. Multiple javascript/css files: best practices?
  11. jQuery Multiple Forms Submit
  12. Submit a form using Shift + Enter [duplicate]
  13. I am new to php ,please tell me ,button click event should add new input tag to existing form through php [closed]
  14. How print in Jquery / Datatables [closed]
  15. Multiple inputs with same name through POST in php
  16. method=”post” enctype=”text/plain” are not compatible?
  17. POST an array from an HTML form without javascript [duplicate]
  18. JavaScript does not fire after appending [duplicate]
  19. Send array with Ajax to PHP script
  20. How to prevent the “Confirm Form Resubmission” dialog?
  21. HTML – Change\Update page contents without refreshing\reloading the page
  22. PHP header() redirect with POST variables [duplicate]
  23. Passing Javascript Variable to PHP using Ajax
  24. Jquery – Uncaught TypeError: Cannot use ‘in’ operator to search for ‘324’ in
  25. onbeforeprint() and onafterprint() equivalent for non IE browsers
  26. How to rotate image and save the image
  27. Cross Domain Ajax Request with JQuery/PHP
  28. Setting POST variable without using form
  29. When do I use PHP_EOL instead of \n and vice-versa ? Ajax/Jquery client problem
  30. multi-dimensional array post from form

Leave a Comment