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

rubyonrails-talk
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

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

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

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,