Home/ Questions/Q 8005471
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-04T17:14:31+00:00

I have a ticket form and when they click buy, I would like it

  • 0

I have a ticket form and when they click buy, I would like it to be saved and shown in another div as “user’s ticket information” plus they are also able to buy a new ticket and add to the old one after. It doesn’t have to be saved in a database or anything, for example when you click refresh all info would go away and you can start from fresh. Another example of how I do it is when I sign up, the user information will go to my memory class. Any javascript/jquery/html will help. Bellow is a start of what im working at. Thanks ^^
ticket example 

<html>
<body>
<form id="buyTicket" action="" method="POST">
                   <div id="ticketHeader">Buy Your ticket here</div><br></br>
                   <div>Number of persons :<input type="number" required id="numberOP" value="" placeholder="number of persons"/></div>
                   <div>Flight Destination:<input type="text" required id="destination" value="" placeholder="hawaii/thailand/spain"/></div>
                   <div>Depature          :<input type="text" required id="depature" class="datepicker" value="" placeholder="enter depature date"/></div>
                   <div>Return            :<input type="text" required id="return" class="datepicker" value="" placeholder="enter return date"/></div>
                   <div><button type="submit" class="button" id="buttonTicket">Buy Ticket</button></div>
             </form> 
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Like ben said use .val() http://api.jquery.com/val/ to get the values. Here is a working example http://jsfiddle.net/YNez9/

    You will have the div, which shows the selected values floating to the right

    <div id="result" style="float:right;">
</div>

    and on submit you want to add the values entered\ or have a placeholder that you can set its value then make it visible

    $('#buyTicket').submit(function() {
  $('#result').append('<div>Number of persons :'+$('#numberOP').val()+'</div>');
  //.....
  //return false;
});​
    • 0