「教えて!ピックアップ」リリース!

テキストボックスに文字列を入力してもらい送信ボタンを押すと、
あらかじめ決まっているURLにその文字列をつないだリンク先に移動する
ということがしたいのですが、

<input name="test" type="text" value="" >
<input type="submit" value="送信" onClick="location.href='決まったURL='">

で飛べません。
「決まったURL」に入力された文字列を指定する方法がわかりません。
どなたか教えてください。

A 回答 (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>
    • good
    • 0
この回答へのお礼

できました!
ありがとうございます。

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

お礼日時:2008/12/18 10:10

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています


人気Q&Aランキング