Django 中未定义 JavaScript 函数答案

【问题标题】：JavaScript function is not defined in DjangoDjango 中未定义 JavaScript 函数
【发布时间】：2021-12-30 05:25:39
【问题描述】：

我有一个小型 Django 项目。我的一个应用程序的 HTML 文件中有一个 JS 脚本：

<script type="text/javascript">
    function intervalSelector() {
        let intervalField = document.getElementById("intervalField");
        let hourField = document.getElementById("hourField");
        let minuteField = document.getElementById("minuteField");

        intervalField.addEventListener("change", function () {

            if (intervalField.value === "Hourly") {
                hourField.disabled = true;
                minuteField.disabled = false;
            } else {
                hourField.disabled = false;
                minuteField.disabled = false;
            }
        });
    }
</script>

此函数由 HTML 文档中更下方的按钮元素调用：

<button style="background-color: orange; color: white; float:left; margin-right:5px;"
        class="btn" type="button"
        onclick="intervalSelector()"
        data-bs-toggle="collapse"
        data-bs-target="#collapseWidthExample" aria-expanded="false"
        aria-controls="collapseWidthExample">
        Schedule
</button>

该函数通过它们在 HTML 文档中的 Id 获取三个元素：

<select class="form-select form-select-lg mb-3"
        aria-label=".form-select-lg example" id="intervalField">
        <option selected>Interval</option>
        <option value="1">Daily</option>
        <option value="2">Hourly</option>
</select>

<input name="hour" class="form-control" type="number" min="0" max="23" value="23" id="hourField">
<input name="minute" class="form-control" type="number" min="0" max="59" value="57" id="minuteField">

当我运行我的 web 应用程序并单击调用该函数的按钮时，它表示未定义 intervalSelector 函数。关于问题可能是什么的任何想法？

【问题讨论】：

标签： javascript html python-3.x django

【解决方案1】：

我认为你的函数定义有误，); 不应该出现在第 -2 行

【讨论】：

该);有没有关闭addEventListener函数