javascript - HTML表单两种方式提交

标签 javascript html

形式 - |TEXTFIELD| |下拉菜单1| |下拉菜单2| |提交|

可以通过按提交按钮来提交表单,这样就可以了。

我的愿望是,如果用户更改 DROPDOWN1 上的值,但没有在 TEXFIELD 中写入任何内容,也没有更改 DROPDOWN2 值,则表单无需按提交按钮即可提交

如果你想要代码的任何部分,你可以继续询问,但我认为这是没有必要的,所以我不会在没有请求的情况下发布它

最佳答案

最简单的方法是这样的:

document.getElementById('DROPDOWN1').addEventListener('change', function () {
    if (!document.getElementById('TEXTFIELD').value &&
        !document.getElementById('DROPDOWN2').value
    ) {
        this.form.submit();
    }
});

基本上,当触发该下拉列表的 change 事件时提交表单。

关于javascript - HTML表单两种方式提交,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16405803/

相关文章:

javascript - 使用 jQuery 鼠标拖动时垂直滚动页面并水平滚动 div 内的大图像

javascript - Highcharts - 更新系列点 [x,y] 值?

javascript - 使用 MVC5 C# 和 Razor 在部分 View 中运行 javascript

javascript - 使用 JavaScript 按字母顺序对数据进行排序

html - 避免滚动到 Canvas 外的内容

windows - 将 html5 应用程序作为 windows 可执行文件运行

javascript - 在对象原型(prototype)方法中的 setInterval/setTimeout 中引用 "this"

javascript - 如何在幻灯片范围后自动提交?

javascript - 以完全只读方式转换 HTML 文本框

html - 调整浏览器大小时坡度保持流动(使用剪辑路径)