0

我正在尝试创建一个更新另一个值的函数，并且最初（在第一次提交后它正常工作，我知道这一点，因为我有一个弹出数据的警报。但是，随后会发生一些奇怪的事情。首先是 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>
4

1 回答 1

1

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

于 2012-06-21T16:40:40.567 回答