javascript - HTML表单提交的两种方式

Question

表格 - |TEXTFIELD| |下拉1| |下拉2| |提交|

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

我的愿望是，如果用户更改了 DROPDOWN1 上的值，但没有在 TEXTFIELD 中写入任何内容并且没有更改 DROPDOWN2 值，则表单提交时无需按下提交按钮

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

Answer 1

最简单的方法是：

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

change基本上在为该下拉菜单触发事件时提交表单。

Answer 2

.submit()满足您的条件时，只需调用表单上的方法。

document.getElementById("formid").submit();

您需要将其包装在一个函数中，该函数将检查文本字段的值作为onchange事件侦听器。