- ベストアンサー
あらかじめフォームに内容を入力させたい
こんにちは。フォーム入力に関することで質問させていただきます。 １つのページに１０個の商品を置き、それぞれの説明の横に 「お問い合わせはこちら」というリンクを貼っています。（リンク先は全て同じ） ですが、問い合わせのページ自体は全て同じなので、一体どの商品についての問い合わせなのか分かりません。 なので、問い合わせのページに一緒に商品番号を入力する欄を作ったのですが、わざわざお客様に商品番号を入力させるのは手間です。 なので、リンクをクリックして問い合わせページに移ったときに、あらかじめ商品番号が入力されている形にしたいのです。 <a href="contact.html?商品番号=123123123">お問い合わせはこちら</a> のような感じです。 しかし具体的にどうやればいいかわかりません。javascriptで再現できるでしょうか？ phpやcgiの知識はまったくないので、どうぞよろしくお願いします。
- mobsquad08
- お礼率7% (7/99)
- JavaScript
- 回答数4
- ありがとう数4
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
雑な回答でごめん。 ?t1=123&t2=456 で呼び出せば・・・なんだかいけそうなきがする～ <form> <p> <input id="t1" type="text"><br> <input id="t2" type="text"><br> </p> </form> <script type="text/javascript"> window.onload=function(){ var c = 0, o, p, q, s; if (s=location.search.substr(1)) { p = s.split('&'); while (o = p[c++]) { q = o.split('='); if (document.getElementById(q[0])) document.getElementById(q[0]).value = q[1]; } } }
その他の回答 (3)
おもいっきり勘違い^^; <a href="index.html?no=123">呼び出し側</a> 呼び出され側 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <title>test</title> <body> <script type="text/javascript"> //@cc_on /*@if(1)attachEvent('on'+ @else@*/addEventListener(/*@end@*/'load', function () { var no = []; no = (no = (''+location.search).match(/\?no=(\d+)/)) ? no[1]: null; alert(no); }, false); </script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Form Test</title> </head> <body> <h1>Form Test</h1> <form id="test" method="post" action="http://example.com/"> <fieldset> <legend>Test</legend> <dl> <dt>No.</dt> <dd><input name="number" type="text" size="40" /></dd> <dt>Message</dt> <dd><textarea name="message" rows="5" cols="50"></textarea></dd> </dl> <p><input type="submit" value="Submit" /></p> </fieldset> </form> <p><a href="?いぬ">いぬ</a> <a href="?ねこ">ねこ</a> <a href="?さかな">さかな</a></p> <script type="text/javascript"> document.forms.test.elements["number"].value = decodeURIComponent(location.search.substr(1)); </script> </body> </html> みたいな？ utf8 では無い場合商品番号に半角英数以外が入っていると このままでは使えないと思う
補足
すいません、質問内容と異なるようです。