HTML表单以两种方式提交

时间:2013-05-06 19:28:42

标签: javascript html

表格 - | TEXTFIELD | | DROPDOWN1 | | DROPDOWN2 | |提交|

可以通过按提交按钮提交表单,以便正常工作。

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

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

2 个答案:

答案 0 :(得分:2)

最简单的方法是:

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

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

答案 1 :(得分:0)

只要符合条件,就可以在表单上调用.submit()方法。

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

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