javascriptをjQueryで表現したい

Question

javascriptで記述した表現をjQueryで表現する方法を教えていただきたいです。

<form method="post"  id="form" name="form"  action="./">

<!--javascript -->
<p><a href="JavaScript:testm();">テスト1</a></p>
<!--jQuery -->
<p id="test2" class="abc">テスト2</p>

<input type="hidden" id="MODE" name="MODE" value="SAMP" />
</form>

上記の記述に基づき以下のスクリプトを記述しております。

//javascript
function testm(){	
	document.form.MODE.value = 'SAMP4';
	document.form.submit();	
}
//jQUERY
$("#test2").click(function(){
	$("#MODE").val('SAMP4');
	$("#form").submit();
});

javascriptでは、きちんとポストされ情報がくるのですが、JQueryでは、POSTはされているようなのですが情報が来ていないようです。
いろいろ試してみたのですが・・・。同じような結果を導き出したいときにJQueryではどのような表現をすればよろしいでしょうか。
一応「$("#MODE").val('SAMP4');」を「$("#MODE").val()＝’SAMP4’;」も試してみたのですがダメでした。
ご教授のほどよろしくお願い申し上げます。

Answer 1

最初のスクリプトのままで正常に動作しているようです。

submit()によって送り出されたフォームデータの内容は Chrome や IE の開発者ツール（F12キーで開く）の Network タブで通信データをキャプチャすると確認できます。

こちらで試したところ、submit()されるフォームデータに "MODE" というキーに対して "SAMP4" という値がセットされていることが確認できました。

Comments

[OY_hironet]

有難うございました。「Network タブで通信データをキャプチャ」という方法がわからず、ご返事が遅くなりました（まだ、わかってませんが）。
でも、いいヒントを頂き、試したところうまくいきました。
実は、本ページ内にはFORMを２つ設けていたために起きた現象であることが判明しました。一つのFROMをREMにしたところ、無事、動きました。
ヒントを頂き感謝しております。
今後ともよろしくお願いいたします。

[tkanda]

解決されたとのことで、よかったです。

ところで、通信データのキャプチャと内容確認は、今後もWeb制作をする際に必ず役にたちますので、ご記憶に留めておかれることを強くお勧めします。

（参考サイト） - [Chrome デベロッパーツール Networkパネルの使い方]（http://weback.net/utility/1491/）