プロが教えるわが家の防犯対策術！

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

締切済

  • 質問者：jueves
  • 質問日時：
  • 回答数：1件

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

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

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

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (1件)

No.1

  • 回答者： chara0-m
  • 回答日時：

こんな感じでどうでしょうか？



<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質問する（無料）

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

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

このQ&Aを見た人がよく見るQ&A

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報