人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

JAVASCRIPTをもちいて、メニュー上のテキストをクリックしたら、同画面上のテキストエリアにそのテキストが表示されるようにしたいです。
質問フォームみたいなものを作っているのですが、頻繁に記入される一文などがありますので、テキストエリア外にその一文のリストを表示しておいて、それをクリックしたら、テキストエリアに挿入されるようにしたいのです。
その場合、すでに入力されている内容の下に追加挿入されるようにしたいです。
サンプルや、ソースコードが紹介されているサイトなどございますでしょうか?

●質問者: kanienoteiou
●カテゴリ:インターネット ウェブ制作
✍キーワード:JavaScript エリア クリック サイト ソースコード
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● うぃんど
●100ポイント ベストアンサー

書き方や方法はいろいろありますが簡単な例を1つ

<html>
<head>
 <script type="text/javascript">
 <!--
 function ins(i,t) {
 var q = document.getElementById(i).value += t;
 }
 //-->
 </script>
</head>
<body>
 <a href="javascript:void(0)" onclick="javascript:ins('t1', 'aaaa')">テキストボックスにaaaaを追加</a><br />
 <a href="javascript:void(0)" onclick="javascript:ins('t1', 'bbbb')">テキストボックスにbbbbを追加</a><br />
 <a href="javascript:void(0)" onclick="javascript:ins('a1', 'xxxx')">テキストエリアにxxxxを追加</a><br />
 <a href="javascript:void(0)" onclick="javascript:ins('a1', 'yyyy')">テキストエリアにyyyyを追加</a><br />
 <form>
 <input type="text" id="t1" name="title" /><br />
 <textarea id="a1" name="body" cols="150" rows="10"></textarea><br />
 </form>
</body>
</html>

不明点等があれば、「コメント・トラックバックを表示する」にチェックを入れて、コメント欄のほうへどうぞ

URL無し

http://q.hatena.ne.jp/answer

◎質問者からの返答

できました!

すばらしいです!!

完璧です^-^

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ