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();
      }
});