Issue with getting dropdown selector values
Hi all,
I'm extremely new to JQuery and JavaScript in general, so please forgive my ignorance. I'm having an issue with getting the value from a drop down selector. I can get an alert to display all of the values in the dropdown, but I cannot seem to figure out how to grab a single value when it is selected. I've tried using "option:selected", " :selected", etc and nothing seems to be working. I'm not sure if it's a syntax thing or some other issue i'm overlooking. Here is my code:
I'm extremely new to JQuery and JavaScript in general, so please forgive my ignorance. I'm having an issue with getting the value from a drop down selector. I can get an alert to display all of the values in the dropdown, but I cannot seem to figure out how to grab a single value when it is selected. I've tried using "option:selected", " :selected", etc and nothing seems to be working. I'm not sure if it's a syntax thing or some other issue i'm overlooking. Here is my code:
$('div[k="W105"]').click(function()
{
$("#alpha").attr("src", mURL);
alert( $('div[k="W59"]').text() );
});
You can ignore the "mURL" as it's a variable and appears to be working fine. The issue is with the "alert" portion. I've tried the following:
alert( $('div[k="W59" option:selected]').text() );
alert( $('div[k="W59" option:selected]').text() );
and
alert( $('div[k="W59"]' option:selected).text() );
as well as just :selected in the same spots and nothing displays. When I leave it as is, it displays every option in a string.
Any ideas?