8
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

jQuery <textarea/>の罠

Last updated at Posted at 2017-12-16

#<textarea/>のテキストの取得方法
今までCGI中心に作ってきたため、text()でもテキストを取ることができたので気にしたことはなかったが、<textarea>この中身</textarea>実はval()で取らなきゃならないらしい。見た目的に$0の中に文章が含まれているのでtext()で取っていたのだが・・・

#jQueryのappend()で作られたTextareaの内容はval()でしか書換え/取得ができなくなる。
以下の画像をじっくりとご覧いただきたい。
jQueryで書き換えられた内容が完全に無視されているのがお分かりいただけるだろうか。
image.png

最初バグかと思って3時間以上悩んだ挙句、あちこちググったらそれっぽい記事を発見し無事解決しました。
こんなの常識じゃんと思った方すみません。でもググってもなかなかヒットしなかったんです;;

参考:jQueryでtextareaタグの値はtext()ではなくval()を使用する(jwb.jp様)

ちなみに影響するブラウザはChrome Firefoxで、IEでは起きませんでした。Edgeは試していません。

8
4
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
8
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?