Question

我正在尝试创建一个更新另一个值的函数，并且最初（在第一次提交后它正常工作，我知道这是因为我有一个弹出数据的警报。但是，会发生一些奇怪的事情。首先它应该更新的innerHTML几乎立即消失。第二个函数（看似所有的JavaScript）都没有再次运行。我不知道为什么会这样做。有没有人有任何建议？

提前感谢所有帮助！

<script type="text/javascript">
    var INIT_PLANNED_HRS = 5;
    var values = {};
    $(document).ready(function () {
        $('#addCourse').submit(function () {
            var $inputs = $('#addCourse :input');
            $inputs.each(function () {
                values[this.name] = $(this).val();
            });
            INIT_PLANNED_HRS += Number(values['hours']);
            document.getElementById('hrs_planned').innerHTML = 'HOURS =    ' + INIT_PLANNED_HRS + ' GPA = ';
            alert("values[this.name] =  " + values['hours'] + " INIT_PLANNED_HRS    " + INIT_PLANNED_HRS); 
        });
        document.getElementById('hrs_planned').innerHTML = 'HOURS =    ' + INIT_PLANNED_HRS + ' GPA';
    });
</script>



<li><h3>Planned Courses</h3><p id = "hrs_planned"> gpa </p></li>

Answer 1

您在设置 hrs_planned处理程序后立即更新onsubmit元素，而不是在调用它时。检查你的JS控制台是否有错误，如果你的脚本出现致命错误，它可能不会再运行了。

.submit只发射一次

1 个答案: