EDIT: This question is rather complicated and most people who come here for an example of (see title) are probably disappointed.
THEREFORE, the OP created a special answer that contains a simple example of using jQuery to do (see title).
To save you time, that is now the selected answer (the previous selected answer was OP's own solution to original problem, so no harm done).
If this sounds like what you're looking for, why are you still reading this drivel? Go look at that answer.
PART I --
I think this has to be done through Ajax/JQuery, but I need help. Here is a very simplified example of what I must do.
A MySQL DB contains a table named USERS, with these fields:
first_name
last_name
email
admin_level
The below form will allow changing the above information for the specified user. The users are listed in an HTML dropdown. The dropdown is populated via PHP script retrieving values from MySQL, but in this example has been hard-coded to simplify the example.
To begin, the operator selects a user's name in the dropdown. An onchange event should then fire a jQuery(?) script that will poll the database and grab the above information for the selected user, and then populate the below form fields.
<div id="whiteboard"></div><br />
<br />
<form action="" method="POST" id="myform">
<ul>
<li>
Choose Account:<br />
<select name='staff_pick' style='width:200px;' onchange=get();>
<option value = '1'>John Smith</option>
<option value = '2'>Jane Doe</option>
<option value = '3'>Bob Barker</option>
</select>
</li>
<li>
First Name:<br />
<input type="text" name="first_name" id="first_name">
</li>
<li>
Last Name:<br />
<input type="text" name="last_name">
</li>
<li>
Email:<br />
<input type="text" name="email">
</li>
<li>
Admin Level:<br />
<input type="text" name="admin_level" value="3">
</li>
<li>
<input type="submit" value="Update">
</li>
</ul>
</form>
Else, if anyone could point me to a comprehensive tutorial that closely matches this scenario, I would appreciate it.