javascript - 按钮未运行 JavaScript

标签 javascript html forms

因此,这应该更改页面,以便当他们单击按钮时,它会显示他们在表单中选择的所有内容的总数,但它没有执行任何操作。看起来它根本没有运行脚本,我不知道发生了什么。

...more form stuff up here    
<button type="button" onclick="total(this.form)">Get my Total</button>

    <p id="subtotal"></p>

    <input type="submit">
    </form>

    <script>
    function total(form)
    {
    var SynCr= form.Synth.value;
    document.getElementById("subtotal").innerHTML="You have ordered: <br>"+SynCr+" Synth");
    }
    </script>

最佳答案

您的问题是onclick="total(this.form)"。当调用处理程序时,this 引用按钮,该按钮没有表单作为成员。

尝试一下:

onclick="total(document.getElementById('formId'))"

关于javascript - 按钮未运行 JavaScript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21944456/

相关文章:

css - 无法环绕文字,图像和滑动叠加也不起作用

html - FF 中的 css 显示问题

ruby-on-rails - rails : Submit button outside form_tag

javascript - 如何根据另一个数组分离一个数组

javascript - 回调/Promise 嵌套循环,2 个 API 调用

javascript - 在 vue.js 小部件中打开多个选项卡时找出事件选项卡的方法

html 密码字段 - 禁用密码管理器

vb.net - 使 VB 窗体在后台非交互

php - 我有一个联系表,在适合移动设备的 css 样式上,它不允许我输入数据

php - 动态Javascript文件换行符和回车符