2016-10-05 11 views
1

複数の選択フォームがあるページがあり、js(ただしインラインではない)を使用してフォームを送信する必要がある場合は、 1つの関数だけを使用していますか?複数の選択フォームを持つページでselectフォームを送信する

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

私はラインでそれをしなければならなかった場合、それは単に

onchange = 'this.form.submit(); 

私はJSファイルを使用して、これをどのようにすればいいでしょう。ありがとう。

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

EDIT:あなたの要求ごととして 、私が正しくあなたを理解している場合:jQueryのを使用して

答えて

2

submit.jsファイルにあるよう
1)は、上記のコードを入れてください。
2)html/phpファイルでスクリプトを参照してください<script src="submit.js"></script>

+0

を選択して得ることができるあなたは、コードは、あなたが提供スニペット場合のonchange機能を呼び出すためにはsubmit.jsという名前のファイルにあるかを示してもしてもらえ。現在、私はこのようなPHPを使ってエコーしています: 'echo"