フォームの入力内容を複数のフォームへ反映させる方法

初めて質問させていただきます。

webブラウザ上のフォームで入力した内容を複数の入力欄へ反映させるようにしたいのですが、どのように実装すればいいのかわかりません。

入力用のテキストエリアがあり、そこで入力した内容がAのテキストエリア、Bのテキストエリア、Cのテキストエリア、、といったように複数のテキストエリアに同時に反映させたいです。

このteratailの質問記入するページのように、入力したものを隣の要素へ反映させることは出来たのですが、複数の要素へ反映させるにはどうすればいいでしょうか、ご教授お願い致します。

行動規範の内容に同意します

回答1件

ベストアンサー

要件が曖昧なので想像ですが。

html
1<!DOCTYPE HTML>
2<html lang="en-US">
3	<head>
4		<meta charset="UTF-8">
5		<title></title>
6	</head>
7	<body>
8		<form action="">
9			<textarea name="" id="input" cols="30" rows="10"></textarea>
10
11			<textarea name="" id="a" cols="30" rows="10"></textarea>
12			<textarea name="" id="b" cols="30" rows="10"></textarea>
13			<textarea name="" id="c" cols="30" rows="10"></textarea>
14		</form>
15		<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
16		<script type="text/javascript">
17			$(function () {
18				$("#input").on("keyup change", function () {
19					$("#a,#b,#c").val($(this).val());
20				});
21			});
22		</script>
23	</body>
24</html>