如何在选择特定值时使用onchange阻止表单提交表单以提交表单

Question

我有一个我建立的表格：

<form class="myform" action="cgi.pl">
  <select name="export" onchange='this.form.submit()'> 
    <option value="" selected="selected">Choose an export format</option> 
    <option value="html">HTML</option> 
    <option value="csv">CSV</option> 
  </select>
</form>

现在，如果我下拉并选择“HTML”或“CSV”，此表单可以正常工作。但是，如果我点击后退按钮并选择“选择导出格式”，表单即使我不想要它也会提交。

有没有办法阻止该选项的表单提交？

Answer 1

onchange='if(this.options[this.selectedIndex].value!=''){ this.form.submit(); }'

Answer 2

$("select[name=export]").on("change", function(e) {
    if ($(this).val() != "") {
        $("form.myform").submit();
      }
});