I want to have a select menu to change a field on a Customer dynamically, I've never used Jquery with a select menu, and I'm having problems.
The code:
<% form_for @customer , :url => { :action => "update" }, :html =>{:class => "ajax_form"} do |f| %>
Pricing: <%= select :customer, :pricing, Customer::PRICING, {}, :onchange => "$('this').closest('form').submit();" %>
Application.js:
$(document).ready(function(){ $(".ajax_link").live("click",function(event){ //take div class = ajax_link and call this funciton when clicked. event.preventDefault(); // cancels http request $.post($(this).attr("href"), null, null, "script"); return false; });
ajaxFormSubmitHooks();
});
function ajaxFormSubmitHooks(){ $(".ajax_form").submit(function(event){ event.preventDefault(); // cancels http request $.post($(this).attr("action"), $(this).serializeArray(), null, "script"); return false; }); }