# Passing form data to PHP

1. May 10, 2007

### Math Is Hard

Staff Emeritus
I am working on a simple example of trying to pass form data to my php program.

I am not sure how to pass the variable that holds the data the user enters.

Here's what I've tried. (note, it only looks right in Firefox, but that's what we're supposed to be writing it for).

http://www.pic.ucla.edu/~jctaylor/callhello3.htm

and this is my php script:

#!/usr/local/bin/php
<?php
echo $_GET['hello']; ?> Thanks for any help! (oh, and I am using jquery libraries - forgot to mention) Last edited by a moderator: Apr 22, 2017 at 5:30 PM 2. May 10, 2007 ### chroot Staff Emeritus Last edited by a moderator: Apr 22, 2017 at 5:30 PM 3. May 10, 2007 ### imabug the problem is this line where you're trying to pass the contents of the keywords text field to your script Code (Text):$("//div#content").load("hello.php?hello=keywords");
The way it's written, you're telling hello.php to run with a variable called hello set to "keywords".

try something like
Code (Text):
$("//div#content").load("hello.php?hello="+this.keywords); which would (should) append the query string with the value from the keywords element. Oh, and the script will break if you enter more than one word. Working around that I'll leave as an exercise for you. 4. May 10, 2007 ### Math Is Hard Staff Emeritus oh, thanks!! I appreciate the help!! I'll give it a try! 5. May 11, 2007 ### Math Is Hard Staff Emeritus hmmm.. still haven't got it sorted out. It says "undefined". 6. May 11, 2007 ### -Job- Since your input object only has a name property (and no ID) Code (Text): <INPUT name=keywords> You can use the following to get its value: Code (Text): document.getElementsByName('keywords')[0].value So in your code you'd have: Code (Text): <SCRIPT type=text/javascript>$(document).ready(
function(){
$("//p#b1/a").click( function(){$("//div#content").empty();
$("//div#content").load("hello.php?hello=" + document.getElementsByName('keywords')[0].value); } ) } ) </SCRIPT> If you give your input control an ID: Code (Text): <INPUT name=keywords id=keywords> You can use the following to get its value: Code (Text): document.getElementById('keywords').value; Or you can use jquery: Code (Text):$("input#keywords").val()

And you'd have, after giving your control an ID:
Code (Text):

<SCRIPT type=text/javascript>
$(document).ready( function(){$("//p#b1/a").click(
function(){
$("//div#content").empty();$("//div#content").load("hello.php?hello=" + \$("input#keywords").val());

}
)
}
)
</SCRIPT>

Last edited: May 11, 2007
7. May 11, 2007

### Math Is Hard

Staff Emeritus
Last edited by a moderator: Apr 22, 2017 at 5:32 PM