Put javascript data into a form

Question

I have the following javascript code:

game.bind('gameover', function(seconds) {
    setTimeout(function() {
      var rank = game.getRank(seconds);
      scorecard.find('.time').text(seconds + ' sec');
      scorecard.find('.rank').text(rank[0]);
      scorecard.find('.byline').text(rank[1]);
      ...more code

In the following div this data is displayed (so the js script is working):

<div class="inner">
  <h3>Nice job! Your time:</h3>
  <h1 class="wobble time"><!-- 15 seconds --></h1>
  <h2 class="rank"><!-- Friendly Mallard --></h2>
  <h3 class="byline"><!-- (That's pretty good) --></h3>
</div>

Now I want to put the results also in a form so I can post it to the a database (mysql). So I've added a form and put it in the same div:

<form id="form" action="updatescore.php" method="post">
  <input type="text" id="time" name="time" value="" />
  <input type="text" id="rank" name="rank" value="" />
  <input type="text" id="byline" name="byline" value="" />
</form>

Now in the JS I've copied the lines (e.g. scorecard.find('.time').text(seconds + ' sec');) and changed it to look for the id, so . becomes # and passed it in the js like:

scorecard.find('.time').text(seconds + ' sec');
scorecard.find('#time').text(seconds + ' sec');
etc

So this should work I think, but the form inputs stay empty. What am I doing wrong?

Kind regards,

Maurice

Fresheyeball · Accepted Answer · 2012-08-06 22:09:52Z

3

If you are just looking to move js variables into your database via updatescore.php you don't need to use a form at all! You can do it with AJAX.

  var scoreData = {
       time : time,
       rank : rank[0],
       byline : rank[1]
  };
  $.post('updatescore.php', scoreData); //done!

answered Aug 6, 2012 at 22:09

Fresheyeball

30.1k21 gold badges106 silver badges168 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Dr.Molle · Accepted Answer · 2012-08-06 22:05:47Z

2

Use val() instead of text() for setting the values

answered Aug 6, 2012 at 22:05

Dr.Molle

117k16 gold badges200 silver badges206 bronze badges

2 Comments

Maurice Over a year ago

Thanks I'll try this if the solution from Fresheyeball doesn't work

Maurice Over a year ago

This worked. Though the other solution also works, I still need a form since I also have php data to process

Collectives™ on Stack Overflow

Put javascript data into a form

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related