- ベストアンサー
<textarea>に入れた数値を定型URLの末尾に入れたい
<textarea>に入れた数値を定型URLの末尾に入れたい 初歩的な質問だと思いますがよろしくお願いします。 HTMLの<textarea>を使って作ったテキストボックスに入力した数値が、 既にある定型のURLの末尾に来るようにするにはどうしたらよいですか？ 【例】http://www.xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxID=●●●● ●に入るように設定したいです。 よろしくお願いいたします。
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
理由は分かりませんが、 表示させるだけでいいというので、表示させるだけのHTMLです。 <form action="example.html" post="get"> <textarea name="ID"></textarea> <button type="submit" value="send"> </form> example.html の部分を対象のHTMLファイル名にしてください。 そうすると /example.html?ID=xxxx のような内容で出力されます。
その他の回答 (4)
- yyr446
- ベストアンサー率65% (870/1330)
No1,No2の回答した者です。 あたしゃただ、質問の回答を書いただけです。 （No.3の方がおっしゃるように、これをやって利用者が幸せになるかどうか は別問題です。質問者さんが判断してください。） <textarea>でも同じというのは全く同じソースを使って良いということですか？ ＝＞ソースは同じです。 ↓となるだけです。 <p> <textarea id="text1" onkeyup="func(this)" cols="1" rows="1"></textarea> </p> 数値を入れた後にポチっと押すボタンがなかったのですが、 どのようにして反映させれば良いのでしょうか？ ＝＞onkeyup="func(this)"と指定しているので、入力者が1字でも 入力してキーを離したタイミングで、更新されていきます。
お礼
yyr446さん 何度もありがとうございます。 そしてまたまた質問させてください。 最初に頂いたソースをそのまま貼ってHTMLファイルにしたところ http://www.xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxID= このような状態で、すぐ下にボックスが出ていました。 ボックスに数値を入力したのですがURLの末尾に反映されません。 何かやり方が悪かったのでしょうか？ 度々申し訳ないですが再度教えていただけると嬉しいです！ できればHTMLだけだとさらに助かります。 よろしくお願いいたします。
- wisize
- ベストアンサー率42% (37/87)
そもそもそれでは、URLが存在しないのでどこにもアクセスできない気がしますが？ http://www.example.com/example.cgi?ID=01234 のような 表現を実現したいのでしたら、formの投稿形式をGETにすればいいだけの話ですが、 何をされたいのか分からないとなんとも言い難いです。 HTML単独でこのようなことをやっても、何の意味もありませんし。 そもそもの問題点として、 ・textareaは改行文字を含むことができる ・textareaだと内容が過剰に長くなる恐れがある ので、このようなことは「やってはいけない」域に含まれると思います。
お礼
wisizeさん ご回答ありがとうございます。 実在のもので良い例が浮かばなかったので架空のもので投稿してしまいました。 分かりにくかったようですみません。 >http://www.example.com/example.cgi?ID=01234 のような こちらのIDに、テキストボックスに入れた数値（ID）が反映されるような HTMLが知りたかったので質問いたしました。 >・textareaは改行文字を含むことができる >・textareaだと内容が過剰に長くなる恐れがある 上記のような懸念点は承知していますが、 自分で簡易的に使うために作りたかったので特に問題としていませんでした。 ご回答いただきどうもありがとうございました。
- yyr446
- ベストアンサー率65% (870/1330)
おっと<textarea>でしたか、でも一緒です。
お礼
yyr446さん、さっそくありがとうございます。 <textarea>でも同じというのは全く同じソースを使って良いということですか？ 数値を入れた後にポチっと押すボタンがなかったのですが、 どのようにして反映させれば良いのでしょうか。 何度も申し訳ありませんが教えてください。 よろしくお願いいたします。
- yyr446
- ベストアンサー率65% (870/1330)
javascript使えるなら、↓でどうでしょう 入力される数字のチェックとか、何も検査してませんが。 <body> <div> <a href="http://www.xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxID=" id="link1"> http://www.xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxID= <span id="span1"></span> </a> </div> <p> <input type="text" id="text1" onkeyup="func(this)" size="1"> </p> <script type="text/javascript"> function func(elm){ var span = document.getElementById("span1"); var link = document.getElementById("link1"); if(elm.value!=""){ while(span.hasChildNodes()) span.removeChild(span.firstChild); span.appendChild(document.createTextNode(elm.value)); link.href="http://www.xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxID="+elm.value; } } </script> </body>
お礼
できました！ wisizeさんありがとうございました。 yyr446さんもありがとうございました。 この場をお借りしてお礼させていただきます。