javascript - Django crispy-forms 添加 javascript

Question

为了在 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()">

Answer 1

你可以试试:

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

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