如何在 Django 中将 onchange js 事件添加到 Select 小部件？答案

【问题标题】：How can i add a onchange js event to Select widget in Django?如何在 Django 中将 onchange js 事件添加到 Select 小部件？
【发布时间】：2018-02-17 20:31:56
【问题描述】：

我需要在 Django 项目中将 JavaScript onchange 事件 附加到 receipt 下拉列表。当下拉列表的值更改时，将调用 JavaScript 函数。如何做呢？ form.py 文件如下所示

from django import forms
receipt_types=(('option1','Option 1'),('option2','Option 2'),('option3','Option 3'),)
class accountsInForm(forms.Form):
    receipt=forms.CharField(max_length=100, widget=forms.Select(choices=reciept_types))

【问题讨论】：

JS 函数在前端完成。尝试触发点击事件。
在模板文件中，Select选项的代码是{{receipt}}。我应该在哪里添加 js 脚本。

标签： javascript python django django-forms

【解决方案1】：

修改代码如下：
reciept=forms.ChoiceField(reciept_types, widget = forms.Select(attrs = {'onchange' : "myFunction();"}))

如果您想访问 JavaScript 代码中的输入值，这很常见：

{'onchange' : "myFunction(this.value);"}

还有 JS：

myFunction(value) {
    console.log(value)
}

【讨论】：

如果我有一个带有myFunction 脚本的外部javascript 文件，我将如何在forms.py 中正确指向它？