动态生成的表单提交按钮不起作用

时间:2014-03-04 01:41:00

标签: javascript jquery ruby-on-rails ruby-on-rails-3 coffeescript

我有一个表格,它是动态表格的一部分。视图通常从控制器生成,如下所示:

  = 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");

如何生成可提交的动态表单?是否有一些我错过的铁路回调?

1 个答案:

答案 0 :(得分:1)

您可以尝试在此使用event delegation

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