- 締切済み
jQueryで<form type="hidden">を追加したい
お世話になります。 jQueryを使って、あるボタンを押されたときに<form type="hidden">を追加する処理を作りたいのですが、どうしたらいいでしょうか？ 検索を掛けて参考になりそうなサイトもみたいのですが、まだjQueryについての知識が追い付かないため、いまいち理解しきれません。 どうぞご指導お願い致します。
- kreuz000
- お礼率62% (33/53)
- その他（プログラミング・開発）
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- yambejp
- ベストアンサー率51% (3827/7415)
＞<form type="hidden"> input type="hidden"じゃないくて、formのtypeですか？？ また、jQueryをつかわなくてはいけませんか？
関連するQ&A
- 『`』がテキストタイプのvalueにある場合にhiddenを追加すると表示が崩れる
言葉では説明できないためコードを記載致しました。 下記のコードでボタンを押下した場合に表示が崩れるのは何故でしょうか？（IE6,IE7で確認） 又、対策としてはどのような事が考えられるでしょうか？（『`』を入力禁止以外でお願い致します。） 尚、innerHTMLをalertで出すとうまく追加されていないようです。。。 よろしくお願い致します。 <html> <head> <script> function createhidden( name, value, formname ){ str = '<input type="hidden" name="aaa" value="bbb"/>'; document.forms[0].innerHTML += str; } </script> </head> <body> <form action="" name="form1"> <input type="text" name="b"value="`"/><br><br> <input type="button" value="CREATE HIDDEN" onclick="createhidden()"/> <input type="text" name="a"value="`"/><br><br> </form> </body> </html>
- ベストアンサー
- JavaScript
- formのfileの値をhiddenでも持ちたい
お疲れ様です。いつもお世話になっております。 on～～イベントで値をコピーするやり方でいけるのかもと思いつつ、 うまくイメージがまとまらないので質問させてください。 <input type="file">で、ファイルが選択されたら、その値(ファイルのパス)を同じフォーム内のhiddenにも持ちたいのです。 もっと具体的にいうと hiddenに持った時、ファイル名の拡張子にかかわらず、拡張子を落として、[ファイル名]_thumnail.jpgとつけて、submitしたいのです。 <form action="xxx.php" method="post" enctype="multipart/form-data" name="myForm"> <input type="file" name="upfile" /> <input type="hidden" name="thumnail" /> </form> document.myForm.upfile.value=document.myForm.thumnail.value; みたいな感じでできるのでしょうか。 よろしくお願いします。
- ベストアンサー
- JavaScript
- formの中でhidden typeを使い特定の言葉をブロック
こんにちは。 スパムメール対策のためメールフォームにJavaスクリプトを使ったCAPTCHA（画像の文字を入力してもらう）機能をつけたのですが、スパムがこのスクリプトを無視してか、スルーして入ってきてしまいます。 そこで、いつもこのスパムメールがUnknownと入力してくる項目があるので、input type="hidden"をつかって、Unknownと入力されていたら送信できないようにはできないでしょうか。 <input type="hidden" name="mail" value="あいうえお"> とすると、"あいうえお"以外を入力すると送信できない、と理解しているのですが、その逆で"あいうえお"を入力した場合だけ送信できない、というようにです。 実際のフォームメールのサイトはこちらです。 http://www.goldenbaykayaks.co.nz/form/form.html どうぞよろしくお願いいたします。
- 締切済み
- JavaScript
- １つのformで複数のactionを実行できますか？
フォーム内に商品の購入ボタンがあります。同じフォーム内に商品名でグーグルのサイト内を検索させるボタンを設置し、横に並べることは可能ですか？ フォームの入れ子はよくないようなので、検索をJava scriptでできればよいのですが・・・ スタイルシートではデザイン上無理でした。 <form id="fm" name="fm" action="URL" method="POST"> <input type="hidden" name="shouhinmei" value="商品名"> <input type="hidden" name="kakaku" value="500"> <input type="image" src="kounyuu.gif value="購入"> <form method=get action="http://www.google.co.jp/search"> <input type=hidden class="q" name=q value="商品名"><input type=hidden name=ie value=UTF-8><input type=hidden name=oe value=UTF-8><input type=hidden name=hl value="ja"><input name=btnG type="image" src="検索.gif value="検索"><input type=hidden name=sitesearch value="サイトのURL"></form> </form> </form> +----+ +----+ |購入| |検索| +----+ +----+
- ベストアンサー
- JavaScript
- hiddenがうまく働かない
ＣＧＩ初心者です。 自分で掲示板を作ってみようとして書いてみたんですが、送信した時にhiddenで数値を持たせようとするんですが、受け取れません。なにか宣言や、処理が必要なのでしょうか。 ちなみに、 <input type = hidden name = mode value = "write"> ・・・ if(FORM{'mode'} ep 'write'){ ・・・ という感じにしています。
- ベストアンサー
- CGI
- jQueryのblockUIをformのボタンから呼ぶ際に、うまくいか
jQueryのblockUIをformのボタンから呼ぶ際に、うまくいかない。 blockUIを以下のように呼んでいます。 <script type="text/javascript" src="jquery/plugin/jquery.blockUI.js"></script> <script type="text/javascript"> // unblock when ajax activity stops $(document).ajaxStop($.unblockUI); $(document).ready(function() { $('#run').click(function() { $.blockUI({ message: '<h1>お待ちください...</h1>' }); $.ajax({ url: 'xxxx', cache: false }); }); }); </script> その上で、 <input id="run" type="submit" value="お待ちください" /> というボタンを単独でつけて押すと、「お待ちください」と表示するところまで 確認できています。 最終的に実現したいことは、formのsubmitボタンを押すことにより、 パラメータを渡した上で、cgiプログラムを実行することです。 <form action="cgi-bin/search.cgi" method="post"> この中に選択条件（パラメーター） <input id="run" type="submit" value="検索開始"> </form> 現在、blockUIを使わずに、submitボタン押すと、検索CGIが適切に 動くことは確認できています。 そこで、 form action=にどのように書けばパラメーターを持ったまま、BlockUIを呼べるのか。 $.ajax({ url: 'xxxx', cache: false }); の url部分にどのように記述すると cgiを呼べるのか。（cgi-bin/search.cgi）では動きませんでした。 そのあたりをご教授お願いいたします。 blockUIの解説ページでは、CGIの実行や別ページへの遷移のサンプルがなく 困っております。 宜しくお願いします。
- ベストアンサー
- AJAX
- <FORM> </FORM> の中に さらに <FORM> </FORM>があるときのSUBMITボタンについて
今、 <FORM ACTION="aaa.asp" METHOD="POST" Name="form1"> <input type="SUBMIT" value="ボタン１"> <FORM ACTION="bbb.asp" METHOD="POST" Name="form2"> <input type="SUBMIT" value="ボタン2"> </FORM> </FORM> としていて、ボタン２を押すとbbb.aspに 飛んでほしいのでに、aaa.aspに飛んでしまいます。 こういう場合どのようにすればよいのでしょうか？ それぞれのボタンは hidden の値をそれぞれの フォームの中の値を渡したいので どうしてもSubmitがいいのです。
- ベストアンサー
- HTML
- jquery の clickイベント
いつもお世話になっております。 当方jQueryは初めてで試行錯誤しながら使っています。 標題について質問です。 <form> <input type="text" id="code[1]" value="00001"> <input type="submit" id="add[1]"> <input type="submit" id="del[1]"> </form> 上記のフォーム文で、 jQuery.noConflict(); jQuery(document).ready(function($){ $("input").click(function(){ var e = $(this).attr("id"); }); }); とし、上のform文を直接書いた場合は押されたボタンが認識されるのですが、 form文をajax通信でinnerHTMLで出力されたボタンを押した時は ボタンを押してもイベントを認識してくれません。 これはinnerHTMLで出力しているからなんでしょうか。 何度やっても分からず質問させて頂きました。 以上、宜しくお願い致します。
- ベストアンサー
- JavaScript
- javascriptでformに大量件数のデータ追加が重い
以下のjavascriptでformにデータをしています。 ---- var input = document.createElement("input"); input.setAttribute("type","hidden"); input.setAttribute("name","テスト"); input.setAttribute("value","テスト"); form1.appendChild(input); ---- 上記を実行するたびにhtmlにinputタグが追加されますが、for文などを用いて１０００回実行したりすると、さすがに追加処理でブラウザが重くなります。軽くする方法はありませんか？
- 締切済み
- JavaScript
- formでのやりとり
PHPで値のやりとりで下記のような状態のものがあるとします。 内容はプロフィールの変更MYSQLへUPDATEです。 このフォームに入力してもらいpage.phpで処理をするとします。 <form action="page.php" method="post"> <input type="hidden" value="test123@yah.co.jp" name="email"> <input type="submit" value="プロフィール変更"> </form> このtest123@yah.co.jpさんがクリックするとemailが送られるpage.phpで処理され問題はないのですが、Firebugなどでソースを書き換え（アドレスの部分を）sample@yah.co.jpと書き換えてボタンをクリックするとsample@yah.co.jpさんのプロフィールが簡単に書き換えられてしまいます。 このtype="hidden"を隠したりする方法はないのでしょうか？ それとも受け渡し時に何かの処理でチェックするのでしょうか？ このアドレスなどを$SESSIONで代用したとして、たとえば隠したい値などをformで送信する際はどのように処理をするのが適切なのでしょうか？ 今更的な質問ではございますが、よろしくお願いいたします。
- ベストアンサー
- PHP
補足
失礼しました。 <input type="hidden">です。 …が。 調べていたらそれらしい説明を見つけ、実装することができました。 このたびはありがとうございました。