javascript - Adding new rows to table when moving between pages -


i'm trying create small html project people can make reservations cinema choosing movie , seats , then, clicking pay button new page shown summing reservation ,and once save button clicked, reservation should displayed new row in reservations table.

so i'm having difficulties adding new rows table page whenever button (actually link new page) clicked in previous page.

here's table part of orders page (nested inside div body of course):

<table style="border:1px solid black; width:1000px;" id="table">      <tr bgcolor=#262673 id="tr1" >           <td align=center style="color:white; font-size:30px;"><b>movie name</b>  </td>             <td align=center style="color:white; font-size:30px"><b>number of seats</b>  </td>             <td align=center style="color:white; font-size:30px"><b>credit card type </b></td>       </tr>   </table> 

here's link previous page called "pay":

<a href='myorders.html' onclick="save();" id="link" ><img src='sobutton.png' height=40 align="right" ></a> 

and here jquery.js file , linked orders page:

if (typeof (storage) !== "undefined") { $(document).ready(function () {      var prev = sessionstorage.getitem("tobeappended"); // if nothing append (if it's first time) prev = null     if (prev == null)         prev = " "; // if prev == null, assign it: " " (space) value     var numofseats = json.parse(sessionstorage.getitem('checked')).length;     var card = sessionstorage.getitem("cardname");     var movie = sessionstorage.getitem("moviename");     var new1 = "<tr><td>" + movie + "</td><td>" + numofseats + "</td><td>" + card + "</td></tr>";     var oldplusnew = prev+new1;     $("#table").addclass("table");     $("#table").append(oldplusnew);     sessionstorage.setitem("tobeappended", oldplusnew); }); } 

please ignore sessionstorage parts. problem whenever "pay" page loaded row added orders page, , when orders page loaded same thing happens when click button save move orders page pay page see same row twice, instead of once..i don't know why happens if willing me i'd appreciate it.

p.s jquery file linked orders page , not pay page

also, people given opportunity choose credit card type checkbox , can't seem retrieve value of selected option.

in response second question:

<select id="myselect">                 <option value="americanexpress">american express</option>                 <option value="discover">discover</option>                 <option value="visa">visa</option>             </select> 

to set selected option sessionstorage :

sessionstorage.setitem("cardname", document.getelementbyid("myselect").value); 

to value on page:

var card = sessionstorage.getitem("cardname"); 

Comments

Popular posts from this blog

Hatching array of circles in AutoCAD using c# -

ios - UITEXTFIELD InputView Uipicker not working in swift -

Python Pig Latin Translator -