textarea赋值后不显示?试试这几个解决方法!

吉云

今儿个,咱来聊聊给 textarea 赋值这事儿。前两天我做个小玩意儿,需要把一段文字塞到 textarea 里面,让用户可以直接复制。我一开始想,这还不简单?直接用 value 属性不就完事嘛

结果,啪啪打脸!我发现 textarea 压根儿就不吃 value 这一套。我写的代码是这样的:

textarea赋值后不显示?试试这几个解决方法!

<textarea id="myTextarea"></textarea>

<script>

$("#myTextarea").val("我要显示的文字");

</script>

按理说,这代码应该没毛病,可 textarea 里头就是啥也没有,一片空白!

textarea赋值后不显示?试试这几个解决方法!

我当时就懵,心想:这是咋回事?难道是我 jQuery 没学到家?

于是我开始各种折腾。我检查下选择器,确认 "#myTextarea" 没写错,确实选中这个 textarea。

然后,我又怀疑是不是其他地方的代码影响,把其他代码都注释掉,只留下这一段,结果还是不行。

没办法,我只好去网上找答案。这一搜,发现好多人都遇到过这个问题!

原来,textarea 赋值,不能用 value 属性!得把内容直接放到 textarea 的开始标签和结束标签之间。就像这样:

textarea赋值后不显示?试试这几个解决方法!

<textarea id="myTextarea">我要显示的文字</textarea>

或者用js这样来:

<textarea id="myTextarea"></textarea>

<script>

textarea赋值后不显示?试试这几个解决方法!

$("#myTextarea").text("我要显示的文字");

</script>

我试下,果然好使!

    textarea赋值后不显示?试试这几个解决方法!

  • textarea 赋值,别用 value 属性,那玩意儿不管用。
  • 把要显示的文字,直接放到 textarea 的开始和结束标签中间。
  • js的话就用 .text(),别再用.val()

这回的坑,算是踩明白。以后再遇到 textarea 赋值,咱就知道该咋办!

免责声明:由于无法甄别是否为投稿用户创作以及文章的准确性,本站尊重并保护知识产权,根据《信息网络传播权保护条例》,如我们转载的作品侵犯了您的权利,请您通知我们,请将本侵权页面网址发送邮件到qingge@88.com,深感抱歉,我们会做删除处理。

目录[+]