• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:ボタンに任意の動作をさせてテキストフィールドに返す)

テキストフィールドに名前を入力してボタンをクリックする方法と、ブラウザをリロードさせるボタンの作成方法について質問

このQ&Aのポイント
  • テキストフィールドに名前を入力してボタンをクリックすると、名前の前に【/nick 】、名前の後に四桁の日付が追加される方法を教えてください。
  • ブラウザをリロードさせるボタンの作成方法がわかりません。教えてください。
  • 初めての場所での質問なので至らない点もあるかもしれませんが、テキストフィールドに名前を入力してボタンをクリックする方法と、ブラウザをリロードさせるボタンの作成方法について教えてください。

質問者が選んだベストアンサー

  • ベストアンサー
  • hirotn
  • ベストアンサー率59% (147/246)
回答No.2

質問Aをまとめてみました。 <form name="n"> <input type="text" name="nickname" style="ime-mode: disabled"> (1) <input type="button" value="クリック" onclick="formatName()"> (2) </form> <head></head>の中にscriptを定義します。 <script type="text/javascript"> //(3) function formatName(){ dd = new Date(); m = dd.getMonth()+1; if ( m >=1 && m <= 9) { //一桁の月は0をつける month = "0" + m; } document.n.nickname.value = "/nick " + document.n.nickname.value + month + "" + dd.getDate() } </script> 質問B 以下の要領です。 <input type="button" name="reload" onclick="location.reload(true);"> http://phpjavascriptroom.com/?t=js&p=location3

T21G
質問者

お礼

迅速な回答ありがとう御座います。 出来ました!!!バッチリです!! とても丁寧に説明して頂いて大変助かりました!! 本当にありがとう御座いました。

すると、全ての回答が全文表示されます。

その他の回答 (1)

  • hirotn
  • ベストアンサー率59% (147/246)
回答No.1

<body> <form name="a"> <input name="text1> という構造の場合、以下のようにテキストボックスを特定します。 document.a.text1 フォームがなければ、 document.text1 などとなります。 質問A (1)以下のURLの回答4 http://okwave.jp/qa/q1468658.html テキストボックスtext1にHanakoが入力されたとする。 (2) 2番めのテキストボックスに1番目のテキストボックスを複写 text2.value=text1.value (3)3番目のテキストボックスに文字を追加 dd = new Date(); text3.value = "/nick " + text1.value + (dd.getMonth()+1) + "" + dd.getDate() Dateについては以下を参考にしています。 http://www.neconote.jp/neconote/dojo/html/calendar/js_date1.html 質問B location.reload(); です。

T21G
質問者

補足

ご回答ありがとう御座います。 お陰様で質問Bはすぐに解決できました。 質問Aは、試行錯誤してみたのですがまだ解決できていません。 もしかして質問Aの回答はテキストボックスを3つ使う方法ですか? もしそうでしたら誤解させてしまってすみません。 添付画像内で3つのテキストボックスを縦に載せてますが それは【工程】を表現したつもりでした。 実際は1つのテキストボックスで完結させたいのです。 (1)名前を書く (2)ボタンをクリック (3)/nick 名前+日付が【(1)のテキストボックスに表示される】 としたいのです。 プログラムの知識が乏しいため、 見当違いなことを確認していたら申し訳御座いません。 以下のURL左下の部分に本日の質問内容を実装したいのですが… お手数ですが今一度ご指導頂けると助かります。 http://kmrc21.com/room/01

すると、全ての回答が全文表示されます。

関連するQ&A