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;
});
}