I've now found a solution to this problem, as follows:
var inputControlCapturedValue = inputControl.getValue();
new Ajax.Request(xhrRequestUrl, {
method: 'get',
parameters: {
table: s_table,
column_name: s_columnName,
category: categorySelect.getValue(),
match: inputControl.getValue(),
action: 'selectgenericforeign'
},
onCreate: targetSelect.disable.bind(targetSelect),
onSuccess: (function(transport){
if (inputControlCapturedValue ==
inputControl.getValue()) {
targetSelect.update(transport.responseText);
targetSelect.enable();
}
}).bind(targetSelect)
});
The solution arrived at is seperating the Ajax.Request and
Element.update calls rather than using Ajax.Updater. The onSuccess
callback function then checks that the input box's value hasn't
changed since the request was initiated. If it has changed, it won't
bother updating the select box with its response HTML.
Thanks all for help and pointers.
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" group.
To post to this group, send email to prototype-scriptaculous@googlegroups.com
To unsubscribe from this group, send email to
prototype-scriptaculous+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en
-~----------~----~----~----~------~----~------~--~---
