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

Rails
#1

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

#2

On Fri, Aug 27, 2010 at 10:28 AM, Andy [email protected] wrote:

I’m using jQuery with Rails3.

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

Anyone know any resources or know how to do this?

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

–
Greg D.
destiney.com | gregdonald.com

#3

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,

Marnen Laibow-Koser
http://www.marnen.org
[email protected]