javascriptについて教えてください

締切済

質問者：chocco7777
質問日時：2017/08/26 15:29
回答数：2件

html javascriptを始めたばかりですが、どうしても下記のようなものを作る必要があります。

ラジオボタンA
ラジオボタンB
ラジオボタンC
日付（当日の日付をもともと入れておく）
ドロップダウンメニュー
（メニューには３つの値が入っています。）
テキストエリア１
テキストエリア２

テキストエリア３

ラジオボタンA～テキストエリア２までの値をテキストエリア３に反映させる。
（テキストエリア３の各項目は改行で反映させたいです。）

こんな感じで行いたいのですが、各項目を用意することはできたのですが、どうやって
テキストエリア３に反映させるのかがどうしてもわかりません・・・。

どなたかscript と　body　内をご教示いただけませんでしょうか。
よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

最新から表示
回答順に表示

No.1

回答者： yambejp
回答日時：2017/08/28 11:38

具体的にHTMLで提示してください。

もしHTMLの書き方もわからないようでしたら、ラジオボタンや
ドロップダウンの仕様をもうすこしきちんと提示し
テキストエリア３に最終的にどういったデータが表示されることを
期待しているか追記下さい

- 0
- 件

通報する

参考程度に

No.2

回答者： fujillin
回答日時：2017/08/29 11:14

こんにちは

何をどうなさりたいのかよくわからないので、超テキトーです。

<!DOCTYPE HTML>
<html lang="ja">
<head><title>Sample</title>
<style type="text/css">
input,select, textarea{ margin-left:2em; }
</style>

<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function(){
var V = function(s){return document.querySelector(s).value};
var S = function(s, n, v){return v?(s+(s?"\n":"")+n+v):s;}

document.getElementById("f1").addEventListener("change", function(){
var s = S("", "[ラジオボタン]：" ,V("#f1 input:checked"));
s = S(s, "[セレクト]：", V("#f1 select"));
s = S(s, "[テキスト1]：", V("#f1 textarea[name='t1']"));
s = S(s, "[テキスト2]：", V("#f1 textarea[name='t2']"));
document.getElementById("result").value = s;
}, false);
});
</script>
</head>
<body>

<form name="f1" id="f1">
<p>
<input type="radio" name="r1" value="ラジオボタンA" checked>ラジオボタンA
<input type="radio" name="r1" value="ラジオボタンB">ラジオボタンB
<input type="radio" name="r1" value="ラジオボタンC">ラジオボタンC
</p><p>
<select name="s1">
<option value="セレクション1" selected>セレクション1</option>
<option value="セレクション2">セレクション2</option>
<option value="セレクション3">セレクション3</option>
</select>
</p><p>
<textarea name="t1" placeholder="テキストエリア1" cols=20></textarea>
<textarea name="t2" placeholder="テキストエリア2" cols=20></textarea>
</p><p style="margin-top:3em;">
<textarea name="t3" id="result" placeholder="結果表示欄" cols=48 rows=6 readonly></textarea>
</p>
</form>

</body>
</html>