Jquery Pass form data inside Modal box

JavaScript
1

Hello forums.

How do you pass form data inside a modal box?

<form action ="recieve.php" method post>
   <select name="test">
      <option value="1">A</option>
      <option value="2">B</option>
   </select>
 
   <input type="submit" name="submit" />
</form>

recieve.php:


<?php  echo  $_POST['test'] ?>

When I submt this form how do I open a new modal box with recieve.php in it.
I have no clue.
any ideas? Thanks

2

Thanks for the links headed right there now

3

It is doable, do you have a sample code that we can look at?

If not then you’ll need to do some thing like below:

  1. Create button click or form submit event
  2. get your form data, use .seralize()
  3. using .ajax (type = post) or short hand [URL=“http://api.jquery.com/jQuery.post/”].post, pass the data to the page
  4. you’ll receive the results back via call back which you can then show in the same modal window or close first modal window and open new and then show the results.

Take a look at the following tutorials, specially day 10 and 14:
http://net.tutsplus.com/articles/web-roundups/jquery-for-absolute-beginners-video-series/

And at this post, a lot of helpful links specified in this one:

4

Hmm no reply? does this mean it isn’t possible?