• 締切済み

フォームの内容でリンク先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

専門家に質問してみよう