[jQuery] This code, no response...will this work, if modified?
Hi, all...
Are the first three lines of code below legitimate?
I've got a page full of dropdowns (.agents) and when
a user uses one to change the agent, I want to send
the choice to my processing page via ajax.
I want to trigger the ajax function when the user
changes the selection and I saw in the docs where
the option selection could be used to do that, so I tried
to modify the code to suit my needs.
Apparently, I've got something wrong, because I get
no response from changing the dropdown. No errors
in Firebug, either.
The first three lines of code are of concern and also
the use of "this" to specify the agent_id in the "formval" var.
Will those code work, if modified, or should I
just go with changing the dropdown and then giving the user
an update button to trigger the ajax function?
Thanks for any feedback.
Rick
<script>
$(document).ready(function() {
$('.agents').change(function() {
$('this option:selected').each(function() {
var formval = { dsn: '<cfoutput>#application.dsn#</cfoutput>',
agent_id: $(this).attr('value') };
$.ajax({ cache: false,
type: "POST",
url:
"../components/floor_duty.cfc?method=get_new_agent&returnFormat=json",
dataType: "json",
data: formval,
success: function(response) {
if (response.MESSAGE == 'Success')
{ alert('Success'); }
else
{ alert('Failure'); }
}
});
});
});
});