2016-10-05 69 views
1

如果有一個頁面上有多個選擇表單,並且需要使用js(而不是內聯)提交表單,那麼是否有一個簡單的方法來實現它只使用一個函數?表單提交選擇一個頁面有多個選擇形式

<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> 

如果我不得不這樣做的線,它我怎麼使用js文件,這將是簡單的

onchange = 'this.form.submit(); 

。謝謝。

回答

2

使用jQuery:

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

編輯: 按照您的要求,如果我理解正確的話你:
1)將以上代碼中,在submit.js文件。
2)在你的html/php文件中引用腳本<script src="submit.js"></script>

+0

請你也展示瞭如何調用該函數電平變化,如果代碼段,您提供的是submit.js文件命名。目前,我使用的PHP回聲有點像這樣:'echo'