How can I do an onChange event with Rails3 and jQuery?

I'm using jQuery with Rails3.

I'd like to trigger some AJAX on the change of a SELECT element.

I've tried the old Prototype way: {:onchange
=>remote_function(:update => "mytable", :url => "/xxx")}

I get a JS error: "Ajax is not defined"

I assume it's trying to use Prototype and that's where the error comes
from.

I'd love to use Unobtrusive Javascript, but I don't want to submit the
WHOLE form. I just want the ONCHANGE of a SELECT element to trigger
AJAX and update a specific piece of the page.

I can't find any documentation anywhere that describes how to do this.

Anyone know any resources or know how to do this?

Thanks,
Andy

<select onchange="javascript:foo()">

function foo()
{
  $.ajax(...);
}

Andy wrote:

I'm using jQuery with Rails3.

I'd like to trigger some AJAX on the change of a SELECT element.

I've tried the old Prototype way: {:onchange
=>remote_function(:update => "mytable", :url => "/xxx")}

I get a JS error: "Ajax is not defined"

I assume it's trying to use Prototype and that's where the error comes
from.

I'd love to use Unobtrusive Javascript, but I don't want to submit the
WHOLE form.

[...]

What's that got to do with it? You can still do the onchange handler
unobtrusively (and you should). Just use the DOM to find the element
you need, and apply the handler.

Best,