Question

i would like to use ajax to retrieve information from a php page that will update “onchange” of a select drop down menu. (<select>). i used jquery to check if it is changed

$('#names').change(function() {
   //code to get the info into the div comes here
})

all id like to do is work the page "check.php" with "?v=valueOfNamesGoesHere"
and return the information into the div names "output"
I have tried

$('#names').change(function() {
$('#output').load('check.php?v=' + $('#names').val());
});

without success. I have checked the "check.php" itself with the information that is supposed to get passed into it. for example "check.php?v=john" and i got the information needed in the page itself. (when i go directly to mysite.com/check.php?v=john).

what am i doing wrong?

Thanks!

Answer 1

use

$('#names').find(":selected").text()

instead of $('#names').val() as it is a dropdown..