但是在select字段上还有一个onChange属性,它执行this.form.submit(),看起来这个调用绕过了我的监听器(在Chromium / Firefox中)：

<script type="text/javascript">
    function submitForm(e) {
        window.alert('submitted');
        e.preventDefault();
        return false;
    }
 
    $(document).ready(function() {
        $('#bar').submit(submitForm);
    });
</script>
 
<form id="bar">
    <select name="name" onChange="this.form.submit()">
        <option>Foo</option>
        <option>Bar</option>
    </select>
    <br/>
    <input type="submit"/>
</form>

显然在上面的代码中我可以将this.form.submit()更改为我的提交监听器的特定引用.然而,在我的真实应用程序中,它并不那么简单,所以我正在寻找不需要修改onChange属性的方法.

如果我没有做一个愚蠢的错误,但这实际上是预期的浏览器行为,如果你能解释事件流程以及为什么会导致上述症状,我会很高兴.