javascript - 如何在选择某些值时使用 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();
      }
});