• 締切済み

フォームの内容でリンク先URLの作成

テキストボックスに文字列を入力してもらい送信ボタンを押すと、 あらかじめ決まっているURLにその文字列をつないだリンク先に移動する ということがしたいのですが、 <input name="test" type="text" value="" > <input type="submit" value="送信" onClick="location.href='決まったURL='"> で飛べません。 「決まったURL」に入力された文字列を指定する方法がわかりません。 どなたか教えてください。

みんなの回答

  • chara0-m
  • ベストアンサー率50% (3/6)
回答No.1

こんな感じでどうでしょうか? <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /> <script type="text/javascript"> function hoge(){ var url = "http://○○○○○○"; if( document.getElementById('text1').value ){ url += "?"+ document.getElementById('text1').value; } location.href = url; } </script> <style type="text/css"> </style> </head> <body> <input name="test" type="text" value="" id="text1"> <input type="submit" value="送信" onClick="hoge();"> </body> </html>

jueves
質問者

お礼

できました! ありがとうございます。 はじめ<input>タグを<form>で勝手にくくって動きませんでしたが 外して、言われた通りに記述したら動きました。 助かりました。これを機に勉強しようと思います。 ありがとうございました。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • 自動生成した複数URLを別窓で開く方法

    以下のようなjavascriptを設定して、 ============================================== <script type="text/javascript"> <!-- function jump () { var linkUrl = document.urlLink.urlVal.value; if ( linkUrl != "" ) { location.href = "http://xxxxxxxxxx/" + linkUrl + "/index.html"; } } //--> </script> ============================================== 以下のようなフォームを作った場合 ============================================== <form name="urlLink"> <input type="text" name="urlVal"> <input type="button" value="移動" onClick="jump();"> </form> ============================================== フォームに入力した文字列を含むURLに対してジャンプが出来る、 ということを先ほどでここで教えてもらいました。 さらにこれに対して、 複数のテキストボックスを設置して、各テキストボックスごとに生成されたURLに別ウィンドウでジャンプする。 という仕組みを取り入れたい場合、どのようにすればよいでしょうか? 例えば、複数のテキストボックスを設置して、それぞれ、 00000 00001 00002 という文字列を入力して移動ボタンを押すと、 http://xxxxxxxxxx/00000/index.html http://xxxxxxxxxx/00001/index.html http://xxxxxxxxxx/00002/index.html の各URLが別ウィンドウで開く、といった感じです。 宜しくお願いします。

  • メールフォームの内容を送信者にも控えがとれるようにしたい

    下記の件で困っています。 HTMLの中で、メルフォを設けました。 <form method=post action="フォームデコードサービス"> <input type=hidden name="_mailto" value="***@*****.ne.jp"> <input type=hidden name="_subject" value="件名"> <input type=hidden name="_location" value="http://戻りURL.htm"> <table border="0" cellpadding="5" cellspacing="0" width="900"> <tr> <td width="150">氏名</td> <td colspan="2" width="700">     <input type="text" size="30" name="氏名"></td> </tr> ・ ・ ・ <p> <input type="submit" value="submit"> <input type="reset" value="reset"> </p> </form> 最初はデコードサービスを使わなかったのですが、Macから送信されるデータが文字化けする為、使うことにしました。 しかし、そうすると、送信者に送信内容が残らなくなってしまいました。 送信者の手許にもコピーが残るようにしたいので、お知恵を拝借できれば幸いです。 よろしくお願い致します。

  • フォームのリンクについて

    nyuryoku.php <form method="POST" action="kakunin.php"> <p> </p> <p><a href="変更フォーム"><img border="0" src="henkou.gif"></a><a href="会社フォーム"><img border="0" src="kaisya.gif"></a></p> <p>変更フォーム</p> <p>名前<input type="text" name="T1" size="20"></p> <p>住所<input type="text" name="T2" size="20"></p> <p>TEL<input type="text" name="T3" size="20"></p>  <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <p>会社フォーム</p> <p>会社名<input type="text" name="T4" size="20"></p> <p>会社住所<input type="text" name="T5" size="20"></p> <p>会社TEL<input type="text" name="T6" size="20"></p> <p> </p> <p><input type="submit" value="送信" name="B1"><input type="reset" value="リセット" name="B2"></p> </form> <form>から</form>の中に変更フォームと会社フォームがあり henkou.gifをクリックすると画面上に変更フォームが現れて、kaisya.gifをクリックすると会社フォームが表れるようにしたいのです。 そして入力された情報は<input type="submit" value="送信" name="B1">で一度に送信できるようにしたいのですが、 henkou.gifとkaisya.gifにどういう風にリンクをはり各フォームだけを表示するにはどうしたらいいでしょうか?

    • ベストアンサー
    • PHP
  • submitについて

    <script type="text/javascript"> <!-- function go() { document.getElementsByTagName("input")[3].value+="text"; } //--> </script> <form name="NAME1" action="#" method="get" onSubmit="go()"> <input type="submit" name="submit1" value="送信1" > <input type="submit" name="submit2" value="送信2"> <input type="button" name="submit3" value="送信3" onClick="go()"> <input type="text" name="text1" size="10"> </form> なのですが、送信2のsubmitを4回クリックすると以下のように表示されるのですが、どういう感じで実行されているのかわかりませんので教えていただけないでしょうか? 一応一回目はtext1=textとなるのですがテキストボックスには空になります。 2回目はtext1=textとなりテキストボックスにはtextが入ります。 3回目はtext1=texttextとなりテキストボックスには空になります。 4回目はtext1=textとなりテキストボックスは空になります。 以上よろしくお願いします。

  • テキストボックスの数値結果によってリンク先を変えたい。

    JavaScriptを使ったアンケートページを作っています。 最終的な点数合計によってリンク先を変えたいと思っているのですが、そこで行き詰っています。 アンケートの合計点数が下記の4つのテキストボックス(controller,analyzer,promoter,supporter)に出力される状態になっています。 いろいろなサイトを回って下記の様なスクリプトを書いてみたのですが、どうしてもエラーになってしまいます。 (因みにリンク先は仮のものになっています。) <script type="javascript"> <!-- function jump(){ var c = Number(f.controller.value); var a = Number(f.Analyzer.value); var p = Number(f.promoter.value); var s = Number(f.supporter.value); if ((c>a) && (c>p) && (c>s)) { location.href="http://www.yahoo.co.jp/"; } else { if ((a>c) && (a>p) && (a>s)){ location.href="http://www.google.co.jp/"; } else { if ((p>c) && (p>a) && (p>s)){ location.href="http://www.goo.ne.jp/"; } else { { location.href="http://www.megamax.co.jp/"; } } // --> </script> <input type="text" name="controller" size=2> <input type="text" name="analyzer" size=2> <input type="text" name="promoter" size=2> <input type="text" name="supporter" size=2><br> <input type="submit" name="shindan" value="診断!" onClick="jump()"> どこか間違っているのかと思うのですが、初心者なもので間違い自体が発見できません。 改善点、または、別の方法で何か良い方法がありましたら宜しくお願い致します。

  • FORM1つでリンク

    いつもお世話になっております。 既にある質問も調べてみたのですが <form name="top" method="post" action="xxx.cgi"> <input type = "hidden" name="data" value="open"> <a href="#" onClick="submit();">オープン</a> <input type = "hidden" name="data" value="close"> <a href="#" onClick="submit();">クローズ</a> </form> FORMを1つで、hrefのリンクみたいにして違う値を 送信したいのですが、上記だと 二つ目のリンクが上手く出来ません。 どなたかお知恵をお貸し下さい

  • jqueryとテキストの取得フォーム

    フォームのラジオボックスの値を文字列としてテキストボックスに入れたいと考えています。 jqueryを使ってif分岐で長いものは書けるのですがもっとスマートにかけないかと考えています。 バリューの値を取れればと思っているのですが具体的な方法が思い浮かびません。 どなたかJQUERYが得意な方がおられましたらご教授願えませんでしょうか。 宜しくお願いします。 <script> function check1(){ $("#text1").val("Tシャツ"); } function check2(){ $("#text1").val("ロングシャツ"); } ・ ・ ・ </script> <form id="cse-search-box" action="http://google.com/cse"> <input type="hidden" name="ie" value="UTF-8" /> 袖丈 <input type="radio" name="a" onclick="check1();" value="Tシャツ" >Tシャツ <input type="radio" name="a" onclick="check2();" value="ロングシャツ" >ロングシャツ <input type="radio" name="a" onclick="check3();" value="キャミソール" >キャミソール パンツ <input type="radio" name="b" onclick="check4() value="ショートパンツ" >ショートパンツ <input type="radio" name="b" onclick="check5() value="チノパンツ" >チノパンツ <input type="radio" name="b" onclick="check6() value="ジーンズ" >ジーンズ <textarea id="text1" name="q" size="31" /></textarea> <input type="submit" name="sa" value="Search" /> </form>

  • HTMLのフォームでのデータの持っていきかたについて

    HTMLとPHPを使いアカウント作成のページを作成しています。 テキストボックスに名前等を入力して登録ボタンを押すときに、パスワード認証画面(アカウント作成用のパスワードを入力)を経由して次の画面に行きたいと考えています。その際にはテキストボックスに入力したデータを持っていかなければならないのですが、うまく持っていってくれません。 actionに直接javascriptを入れるとデータは持っていってくれないのでしょうか? よろしくお願いします。 <form method='post' action="JavaScript:var pass=prompt('パスワードを入力してください','****');if(pass){location.href= pass+'.php';}"> <p>名前<input type="text" name='hName' value='$hName'></p> <p>住所<input type='text' name='hpostcode2' value='$hpostcode'></p> <p>コード番号<input type='text' name='haddress2' value='$haddress'></p> <input type="submit" value='$hNamebutton2'> </form>

    • ベストアンサー
    • HTML
  • テキストフォームのチェックについて

    テキストファームの内容チェックについて教えてください。 下記コードで取得したURLをテキストフォームに表示させ「onclick」でiframeに画面を表示させています。 これを、テキストファームが書き換わった段階で、実行することは できないでしょうか? (テキストフォーム内のURLが書き換わったら、その内容をチェック して、iframeにそのURLの画面を表示する) <html> <form name="f1"> URL:<input type="text" name="url" size="60" value="" /> <input type="button" value="このURLへ移動" onclick="target_name=***.location.href=this.form.url.value"> </form> <script type="text/javascript"> function set_latlng() { document.f1.url.value="http://***.***.****" /script> 以上、宜しくお願い致します。

  • テキストボックスのvalue属性でlocation.hrefをする

    <script type="text/javascript"> function jumpPage(){ location.href = "http://hogemoge.com/foo/" + document.urlform.url.value; } </script> <form name="urlform"> <input type="text" id="url"> <input type="submit" style="display: none;" onclick="jumpPage();"> </form> というHTMLがあります。 しかし実際はページが飛びません。 どうしたら飛ぶようになりますか。