Динамически сгенерированная кнопка отправки формы не работает

Question

У меня есть форма, которая является частью динамической таблицы. Вид, как правило, формируется из контроллера, как показано ниже:

= form_for manual_coa_account, url: manual_coa_account_path(manual_coa_account), :html => {:method => 'PUT'} do |f| 
    %td{:style => 'width:40px'} 
     = f.text_field(:amount, :size => 11, :value => to_currency(f.object.amount)) 
    %td{:style => 'width:20px'} 
     .control-group 
     %button.btn.btn-default{:type => "submit"} Update 

Проблема у меня в том, что кнопка Update, кажется, не делать ничего, когда я генерировать новую кнопку динамически и добавить его к столу. Моя упрощенная версия (удалены все значения и метки для удобства чтения) ниже:

tableRowHtml = "<form accept-charset='UTF-8' action='/manual_coa_accounts/" + data.id + "' class='edit_manual_coa_account' id='edit_manual_coa_account_" + data.id + "' method='post'></form>" +"<td>"+"<input id='manual_coa_account_amount' name='manual_coa_account[amount]' size='11' type='text' value="+ data.amount + ">"+"</td>"+"<td><div class='control-group'><button class='btn btn-default' type='submit'>Update</button></div>" 

    $(tableRowHtml).appendTo("#table tbody"); 

Как создать динамичную форму, которую можно представить? Есть ли какие-то рельсы, которые мне не хватает?

Answer 1

Вы можете попробовать использовать event delegation здесь:

$('#table').on('click', 'input[type="submit"]', function() { 
    // Your code to submit form here 
});