- 締切済み
フォームの内容でリンク先URLの作成
テキストボックスに文字列を入力してもらい送信ボタンを押すと、 あらかじめ決まっているURLにその文字列をつないだリンク先に移動する ということがしたいのですが、 <input name="test" type="text" value="" > <input type="submit" value="送信" onClick="location.href='決まったURL='"> で飛べません。 「決まったURL」に入力された文字列を指定する方法がわかりません。 どなたか教えてください。
- みんなの回答 (1)
- 専門家の回答
みんなの回答
- chara0-m
- ベストアンサー率50% (3/6)
こんな感じでどうでしょうか? <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>
お礼
できました! ありがとうございます。 はじめ<input>タグを<form>で勝手にくくって動きませんでしたが 外して、言われた通りに記述したら動きました。 助かりました。これを機に勉強しようと思います。 ありがとうございました。