Question

What I have so far:

I have a form in PHP that contain the following:

<input type="submit" id="0" name="0" value="This button">
<input type="submit" id="1" name="1" value="This button">
<input type="hidden" id="response" name="response" value="150">

The problem:

I would like to send the response value together with either name=1 or name=0, depending on which button the user submit. However, this should be done using the keyboard letters A and S. If a user press the letter A then the value 0 should be submitted, and if S is pressed then the value 1 should be sent.

The jQuery code:

$(document).ready(function()
{       
    // listens for any navigation keypress activity
    $(document).keypress(function(e)
    {
        switch(e.which)
        {
            // user presses the "a"
            case 97:    submitViaKeypress("0");
            break;  

            // user presses the "s" key
            case 115:   submitViaKeypress("1");
            break;
        }
    });
});

// shows a given element and hides all others
function submitViaKeypress(element_id)
{
    var response        = $('#response').attr('value');

    $.ajax({
        type: "POST",
        url: "initiate.php",
        data: "response=" + response + "&" + element_id + "=" + element_id
    });
}

Goal:

That “initiate.php receive two POST variables (response and either 0 or 1).

Answer 1

What it sounds like you’re trying to do is this:

<form id="key_form" action="initiate.php" method="POST">
  <p>Press A or S</p> 
  <input type="hidden" id="key" name="key" value="">
  <input type="hidden" id="response" name="response" value="150">
</form>

And

$(document).keypress( function( e )
{
  if ( e.which == 97 ) 
  { 
    $("input#key").val( 1 ); 
    $("form#key_form").submit();

  } else if (e.which == 115) 
  { 
    $("input#key").val( 2 ); 
    $("form#key_form").submit();
  }
}