jquery で<input tyoe="textarea">の値が取得できません。

Question

：jspファイル

<script type="text/javascript" src="/jquery-3.3.1.min.js"></script>

<form:textarea class="form-control" path="content" id="area"/>

:jsファイル
$(function(){
var content = $("#area").val();
$("#content").text(content);
});

変数contentにベタ書きで何かかくと値が取得できます。
$("#area").val();の部分がうまく機能していないと思います。

Comments

[m.ts10806]

コードはマークダウンのcode機能を利用してご提示ください。
また、input tyoe="textarea"
というのは存在しません。typeであってもtextareaタグであってinputタグではないですし。
これだけの提示内容ではコードの全体の流れが分からないので、もう少し全体が分かる内容でご提示いただけますか？
jspのタグよりもブラウザで確認したときのhtmlコードを提示された方が良いかもしれません。
というか、htmlレンダリング時点ではtextareaには何も入ってないのでは。
console.log()で変数内容のご確認を。

Answer 1

var content = $("#area").val();
$("#content").text(content);

この１行目は、おそらく正しく機能していると思います。
が、コレはページ読み込みの最初に１回だけ行われるので、ページ読み込み後にテキストエリアの中身を修正しても、それは反映されませんが、そこは大丈夫ですね？

問題は2行目で、おそらく「テキストエリアの中に書かれた文字列をIDとする要素に対し、その文字列を書き込む」ということを期待しているのではないかと思いますが、いかがでしょう。
その場合、$("#content")という記述だと「contentというIDを持つ要素」になりますので、期待 した動作ではないのかと。$("#"+content)という書き方にして、変数を展開させなければ期待通りの動作にはなりません。

ちなみに、

var content = $("#area").val();
console.loc(content);//デバッグコンソールに出力
alert(content);
$("#content").text(content);

などの方法で、取得できているのかを視覚的に確認するのがデバッグに有効なので、ぜひやってみて下さい。