2010-04-05 71 views
3

我有一個表格我已經建立:如何使用的onchange提交表單防止表單提交的形式在選擇某些值

<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「。但是,如果我點擊後退按鈕並選擇「選擇導出格式」,即使我不希望它被提交,表單也會被提交。

有什麼辦法來阻止該選項的表單提交?

回答

4
onchange='if(this.options[this.selectedIndex].value!=''){ this.form.submit(); }' 
1
$("select[name=export]").on("change", function(e) { 
    if ($(this).val() != "") { 
     $("form.myform").submit(); 
     } 
});