JAVASCRIPTをもちいて、メニュー上のテキストをクリックしたら、同画面上のテキストエリアにそのテキストが表示されるようにしたいです。

Question

kanienoteiou

39

39もっと見る

100pt

インターネットウェブ制作

JAVASCRIPTをもちいて、メニュー上のテキストをクリックしたら、同画面上のテキストエリアにそのテキストが表示されるようにしたいです。

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

回答の条件

URL必須
1人2回まで

登録：2011/01/28 00:27:51
終了：2011/01/30 03:05:31

※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

コメントはまだありません

人力検索はてな以下のはてなに回答頂いている内容でもう.. 2011-02-18 18:39:16

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

リクエスト送信済

回答リクエストを送信したユーザーはいません

うぃんど · Accepted Answer · 2011-01-28T06:26:50+09:00

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

<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>