JavaScript function 未在 Django 中定義

Question

我有一個小的 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>

此 function 由 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>

function 通過它們在 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 應用程序並單擊調用 function 的按鈕時，它表示未定義 intervalSelector function。 關於問題可能是什么的任何想法？

Answer 1

我認為您在 function 定義中輸入錯誤， ); 不應該在那里，在-2行