小编Ary*_*lli的帖子

好的,所以这可能是一个愚蠢的问题,但我正在尝试编写一个简单的JavaScript应用程序(请原谅我的术语,我是新手),其中包含一个表单,除了我只使用HTML和JS(和CSS),所以我通过使用document.getElementById访问表单中的值.

问题是Javascript函数应该根据表单值显示一些东西(它基本上是一个GPA计算器),但显示的东西只是在屏幕上闪烁,然后当我按原样运行HTML文件时消失,并且不要当我通过我的实际域名运行时,它会显示出来.我觉得这样做的原因是,在您提交表单后,会粘贴一堆URL参数,从而刷新HTML并删除新添加的innerHTML.

这是我的表单的代码:

<form id="calculator" name="calculator">
            <table>
                <thead>
                    <tr>
                        <td>Class Number</td>
                        <td>Grade</td>
                        <td>AP/Non-AP</td>
                        <td>GPA</td>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td class="classnumber">Class 1</td>
                        <td>
                            <select id="class1GPA" name="class1GPA">
                                <option value=4.4 selected>A+</option>
                                <option value=4.0>A</option>
                                <option value=3.7>A-</option>
                                <option value=3.4>B+</option>
                                <option value=3.0>B</option>
                                <option value=2.7>B-</option>
                                <option value=2.4>C+</option>
                                <option value=2.0>C</option>
                                <option value=1.7>C-</option>
                                <option value=1.4>D+</option>
                                <option value=1.0>D</option>
                                <option value=0.7>D-</option>
                                <option value=0>F</option>
                            </select>
                        </td>
                        <td>
                            <select id="class1AP" name="class1AP">
                                <option value=False selected>Regular Class</option>
                                <option value=True>AP Class</option>
                            </select>
                        </td>
                        <td id="class1disp">

                        </td>
                    </tr>
                    <tr>
                        <td class="classnumber">Class 2</td>
                        <td>
                            <select id="class2GPA" name="class2GPA">
                                <option …