populate textarea and file input from a dropdown -- Ajax and jQuery

I need to query a mysql db for two fields: content_value and image_path, depending on the col_name  selected from a dropdown; then I need to populate a textarea and file input with the retrieved values.

Can anyone explain how to manage this using jQuery?
Glen GibbOwnerAsked:
Who is Participating?
 
mstrelanCommented:
you can use php (or another backend language) to build up the myArray variable before the page load. this can become problematic if there are large amounts of text you need to store. alternatively you need to perform an ajax request. to learn about ajax requests follow this tutorial - http://www.talkphp.com/vbarticles.php?do=article&articleid=58&title=simple-ajax-with-jquery
0
 
mstrelanCommented:
It is not possible to populate a file input via javascript. This is a well documented security precaution.
0
 
Glen GibbOwnerAuthor Commented:
How about the textarea then?
0
Upgrade your Question Security!

Your question, your audience. Choose who sees your identity—and your question—with question security.

 
mstrelanCommented:
Something like this ...
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
<textarea id="myTextArea"></textarea>
<select id="myDropDown">
<option value="option_1">Option 1</option>
<option value="option_2">Option 2</option>
</select>
<script>
var myArray = {
  option_1: 'the content value goes here',
  option_2: 'some more content value goes here'
}

$(document).ready(function(){
  $('#myDropDown').change(function(){
    var selection_option = $(this).val();
    $('#myTextArea').val(myArray[selection_option]);
  });
});
</script>

Open in new window

0
 
Glen GibbOwnerAuthor Commented:
That's more what I needed.  My dropdown has the names of the different rows I'm searching for (col_name).  

The SQL needs to be something like:  "SELECT content_value FROM page_content WHERE col_name = (dropdown selected value)".

Where does the db query go in the whole process, and how do I get the data back in the textarea?
0
 
Glen GibbOwnerAuthor Commented:
I appreciate the model.  However, the example shows how to POST.

How do I retrieve data from the php file:  return $row? echo $row?

Sorry to be so dense but I just don't see the big picture yet.
0
 
Glen GibbOwnerAuthor Commented:
The link had the necessary info, along with your example.  Thanks.

(By the way, the result needs to be echoed on the php page.)
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.