MVC3 Html.TextBoxForの内容が変更されたときにフォームを送信

Question

これはかなり簡単なはずですが、私は運がないといくつか試しました。

私は、ページに一連のHtml.TextBoxForフィールドを持っていて、それぞれは独自のAjax.BeginRouteFormの中にあります。各ボックスの横には送信ボタンがあり、これをクリックすると、必要に応じてAjaxの更新が実行されます。

ユーザーがフィールド（onchangeイベント）の値を変更すると、フォームは現在送信ボタンを使用して同じ方法で送信されるように自動化したいと思います。

htmlattributesを使用してonchangeイベントにJavaScript関数を割り当てようとしましたが、これによりフォームが送信されますが、ajax形式ではなくページがリダイレクトされます（送信ボタンは正しく動作します）。

@(Html.TextBoxFor(model => answer.Value, new { onchange = "document.forms[" + answer.AnswerID + "].submit()" })); 

（幸い私のanswer.AnswerIDは数値で、フォームのコレクション内の適切な形式の数値の位置にまで一致して、私は私のJavaScriptコードをhtmlencodingた名前が、レイザー（か何か）でそれらを参照して...）

私の唯一の推測では、私がonchangeイベントにコードを直接取り付けることにより、何かを壊すんだということですが、私はそのイベントのチェーンをフックする「正しい」方法へと途方に暮れてよ。

Answer 1

あなたはjQueryのを使用するために喜んでいる場合は、それを行うことは非常に簡単です：フォーム上のsubmit()を呼び出す

http://net.tutsplus.com/tutorials/javascript-ajax/submit-a-form-without-page-refresh-using-jquery/

Answer 2

は、任意のsubmitイベントハンドラ、as seen hereを無視します。あなたはどちらか

1. call the event handler directly、または
2. call click() on the submit button for the form
。

最高のかつての作品あなたはonsubmitを使用し、そうでなければ、別の厄介なオブジェクトまたは何かを渡す必要があるため、コールバックにevent引数を使用してfalseの代わりを返します。