- 締切済み
POST時に要素を削除してからPOST
もしご存じの方がおられましたら、何でも結構ですのでアドバイスいただけましたら助かります。 今、formのPOSTをしたときに、ある要素を削除してからPOST処理が走るようにしたいと思っています。 jQueryを利用して、以下のようにしていますが、 要素を削除したあと、POST処理が止まってしまって、画面がリロードされません。 これはなぜでしょうか？？ <form method="POST" action="index.php"> <input type="submit" name="submit" value="送信" onclick="jQuery('#target').remove();"> </form> ちなみに、jQueryのappendTo()といったメソッドならPOST処理は継続されました。 removeやdetachはだめみたいです。 こういった場合どのようにしたら良いのでしょうか。。 よろしくお願いします。
- gogoyamada
- お礼率92% (98/106)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- twinhourse
- ベストアンサー率45% (5/11)
例えば、inputのonclickを削除して jQuery("form").on("submit", function(){ jQuery("#target").remove(); return true; }); という感じにすると成功するかもしれませんよ。
関連するQ&A
- GETやPOSTについて
教えてください。 PHPやVbscriptなどでformタグにmethod="post"と書くのと、onclick="…"でJavascriptの中でsubmitするのと どのように違い、使い分ければ良いのでしょうか？ Javascriptの記述で入力内容をチェックするような箇所は別にして、何か使い分けられるような ことはあるのでしょうか？ Formのデータ量によって？使い分けるなど。 宜しくお願いします。
- ベストアンサー
- JavaScript
- POST中にローダーを表示
Javascriptにつきまして、ちょっと困っておりまして、どなたか助けていただけないでしょうか。。 <form>のpost中にローダー画像（GIFアニメ）を表示したいと思っています。 そこで、以下のようにしたのですが、GIFアニメが出ません。 これはどのようにしたらよいのでしょうか。 <form method="post" action="index.php"> <input type="text" name="tel" value="" > <input type="submit" name="submit" value="送信" onclick="loader();"> </form> <script type="text/javascript"> function loader() { jQuery('<div />').css ({ position: 'fixed', top: 0, left: 0, width: '100%', height: '100%', backgroundColor: '#fff', opacity: 0.7 }).html('<table style="width:100%;height:100%;"><tr><td style="text-align:center;vertical-align:middle;"><img src="loader.gif"></td></tr></table>').appendTo(jQuery("body")); } </script> 因みに、GIFアニメではなく、テキストでしたら普通に表示されます。 ブラウザはchrome, FF, IE7, IE8で試しましたがどれも一緒でした。 よろしくお願いします。
- 締切済み
- JavaScript
- リンクをクリックした時にformからPOST送信したい。
HTML、PHP、JavaScript等でサイトを作っているのですが・・・。 【実現出来ている例】 <form name="form1" method="post" action="Next.php" onSubmit="return InputCheck()"> <input type="submit" value="送信"> </form> submitボタンを一つ置いて、それがクリックされた場合に formの内容をPOSTで送信する。 【実現したい例】 <form name="form1 method="post"> <a href="Next.php" onClick="？？？">？？？</a> </form> formの中のリンクをクリックされた場合に、formの内容を POSTで送信したいのですが、その実現方法がわかりません。 GETで送るという手もあり得ますが、今回はどうしてもPOST したいのですが。
- ベストアンサー
- HTML
- submitボタン押下時にPOSTされるデータを追加
<form name="myForm" method="post" action="a.php"> <input type="submit" name="del" value="削除"> </form> 上記の削除ボタンを押した場合、 [del]=>'削除' というデータがa.phpに渡ると思うのですが、 [del]=>'削除' [no]=>'1' というデータが渡るようにしたいと考えています。 諸事情でhiddenを使ったり、テキストボックス等を用意してそこから値を渡したりができません。 JavaScriptでsubmit時にパラメータを追加することはできるでしょうか？ 希望としては <input type="submit" name="del" value="削除" onclick="****"> の形式がベストです。 ※コピペではないのでタイポがあるかもしれません。
- ベストアンサー
- JavaScript
- 複数サーバーにPOSTする場合
function formsubmit() { document.getElementById('form1').submit(); document.getElementById('form2').submit(); } <form name="form1" method="post" action="Aサーバー"> ～ </form> <form name="form2" method="post" action="Bサーバー"> ～ <button onclick="formsubmit()">送信</button> </form> 以上でA、BサーバーにPOSTした場合ですが 送信後の挙動がよく分かりません、たとえばそれぞれのサーバーでエラーに なった場合や戻り値を取得する場合や、エラーチェックも送信元のサーバーで 取得する方法が分かりません、実際にサンプルで動かしてみましたがAサーバーに POSTされてないようなのですが、Aサーバーが外部サーバーでBサーバーが送信元 であった場合、Aサーバーでの処理はどうしたらいいかイマイチわかりません header("Location:でBサーバーに戻せばいいのでしょうか？ よろしくお願いします。
- ベストアンサー
- JavaScript
- POSTに対しての認識は下記でよいでしょうか？
POSTに対しての認識は下記でよいでしょうか？ http://www.phpbook.jp/appli/form/index3.html ・<form method="POST" action="./kaitou2.php">' action指定のphpファイルに入力した情報が渡される。 ・method="POST POSTという転送方法を採用 ・<form method="POST" name="text1"> <input type="submit" name="btn1" value="回答"> </form> </body> </html> name="text1" どのようその値を取得するか。getelementbyidと同じこれがついている要素の値を取得して下記に渡される。 $input_data = (int)$_POST['text1'];
- ベストアンサー
- PHP
- vbscriptでsubmit(ターゲット付き)
簡単な質問で申し訳ありません。 vbscriptでsubmit(ターゲット付き)したいのですが、target,actioの指定は、どうすればいいでしょうか。JavaScriptで書くと下のようになります。 function fButton1(){ document.form1.target = "_blank"; document.form1.method = "POST"; document.form1.action = "page1.html"; document.form1.submit(); } これをVBScriptで、 Sub fButton1_onclick() With .document.form1 '--------------------------------↓ここの部分 'ターゲットの指定 'acrionの指定 '--------------------------------↑ここの部分 .submit End With End Sub と書けないでしょうか。 <form acrion="***.html" target="_blank"> としてもいいのですが、アドバイスをお願いします。
- ベストアンサー
- Visual Basic
- Netscape で submit() を複数起動できない
以前に教わった方法で、submit() を使って別ウィンドウに結果を表示させる Javascript を書きました。 IE では、できたのですが、NN(Netscape Communicator 4.7) では以下の Javascript が起動しません。 というか、最後の form3.submit() のみ起動します。submit() の間に alert(); を入れておくと 3 つのウィンドウが開くので、動くことは 動いているようなのですが...。なぜでしょう？ --------ここから（ソースの一部） ---------- <SCRIPT LANGUAGE="JavaScript"> <!-- function OpenWin(){ document.form1.submit(); document.form2.submit(); document.form3.submit(); } // --> </SCRIPT> <form name="PapyrusForm" method="POST" action=""> <input type="text" name="searchword" size="60" maxlength="256"><BR> <input type="button" name="Search" value=" 検索 " onClick="OpenWin()"> </FORM> <!-- =========================================== --> <FORM ACTION="/cgi-bin/searchlist1.pl" target="window1" METHOD="POST" ENCTYPE="application/x-www-form-urlencoded" NAME="form1"> </FORM> <FORM ACTION="/cgi-bin/searchlist2.pl" target="window2" METHOD="POST" ENCTYPE="application/x-www-form-urlencoded" NAME="form2"> </FORM> <FORM ACTION="/cgi-bin/searchlist3.pl" target="window3" METHOD="POST" ENCTYPE="application/x-www-form-urlencoded" NAME="form3"> </FORM>
- ベストアンサー
- JavaScript
- firefox(3.6.10)で、新しいウィンドウを開いて、POSTデ
firefox(3.6.10)で、新しいウィンドウを開いて、POSTデータを送るには、どのように書けばいいでしょうか？現在のソースではIE７でしか正常に動作しませんでした(ついでにSleipnirでも動作できるとありがたいです)。 <script> function openNewWindow(url){ obj = document.change; window.open(url, "targetWindow", "width=550,height=550,scrollbars=yes,resizable=yes,status=yes"); // フォームのサブミット obj.method = "post"; obj.action = url; obj.submit(); } </script> <form name="change" action="myself.php" method="post" target="targetWindow"> <input type="button" value="送信" onClick="openNewWindow('newWindow'); return false;"> <input type="hidden" name="hidden_data" value="hoge"> </form>
- ベストアンサー
- JavaScript
- onClick="this.form.submit
・下記のようなformがあるのですが、 onClick="this.form.submit();" disabledの意味を教えてください ・クリックしたら、このフォーム内容を送信？ ・アクション先も指定していないのに、処理はどこへいくのでしょうか？ ・また、disabledは？ ずっと押せない？ <form name="hoge" method="POST"> <input name="hoge" type="button" class="button" value="piyo" onClick="this.form.submit();" disabled> </form>
- ベストアンサー
- JavaScript
お礼
教えて頂きましてありがとうございました。 早速試してみたいと思います。 御礼遅くなりましてすいませんでした。