Django 脆皮表单添加 javascript答案

【问题标题】：Django crispy-forms add javascriptDjango 脆皮表单添加 javascript
【发布时间】：2014-12-17 00:15:11
【问题描述】：

为了在 Django 中构建我的表单，我使用了crispy-forms 来生成模板 HTML。为了启用实时计算，我想在这些表单中使用 JavaScript。随着 HTML 的生成，我不确定在使用crispy-forms 模板时如何将 on-change 元素添加到这些表单中：

self.template = 'bootstrap3/table_inline_formset.html'

使用模板时，我无法使用布局/字段选项覆盖生成的 HTML。使用 self.template 时在哪里可以控制呈现的 HTML，以便将 on-change 元素添加到呈现的 HTML？

<select id="order" name='order' onchange="calculateTotal()">

【问题讨论】：

【解决方案1】：

你可以试试：

order = document.getElementById('id_order');
order.addEventListener("change", calculateTotal);

当表单从 django 生成时，id 通常是“id_fieldname”...应该不难得到你需要的字段

【讨论】：

【解决方案2】：

将以下代码添加到帮助程序中就可以了，即使在使用模板时也是如此。

self.layout = Layout(
    Field('orderline_quantity', onkeyup="orderlineTotal()")
)

【讨论】：