javascript - 使用具有多个选择表单的页面在选择时提交表单

Question

如果页面上有多个select form，如下图，需要用js提交(不是inline)，有没有一种简单的方法，只用一个函数就可以实现？

<form action="" method="post">
<select name="cars" id="cars">
    <option value="">Choose</option>
    <option value="1">Toyota</option>
    <option value="2">Nissan</option>
</select> 
</form>

<form action="" method="post">
<select name="trucks" id="trucks">
    <option value="">Choose</option>
    <option value="1">TATA</option>
    <option value="2">Nissan</option>
</select> 
</form>

如果我必须排队，那就很简单了

onchange = 'this.form.submit();

如何使用 js 文件执行此操作。谢谢。

Answer 1

使用 jQuery:

$(document).ready(function() {
    $('select').on('change', function() {
        $(this).parents('form').submit();
    });
});

编辑:根据您的要求，如果我理解正确的话:
1) 将上面的代码原样放在 submit.js 中文件。
2) 在您的 html/php 文件中通过 <script src="submit.js"></script> 引用脚本