今儿个,咱来聊聊给 textarea 赋值这事儿。前两天我做个小玩意儿,需要把一段文字塞到 textarea 里面,让用户可以直接复制。我一开始想,这还不简单?直接用 value 属性不就完事嘛
结果,啪啪打脸!我发现 textarea 压根儿就不吃 value 这一套。我写的代码是这样的:
<textarea id="myTextarea"></textarea>
<script>
$("#myTextarea").val("我要显示的文字");
</script>
按理说,这代码应该没毛病,可 textarea 里头就是啥也没有,一片空白!
我当时就懵,心想:这是咋回事?难道是我 jQuery 没学到家?
于是我开始各种折腾。我检查下选择器,确认 "#myTextarea" 没写错,确实选中这个 textarea。
然后,我又怀疑是不是其他地方的代码影响,把其他代码都注释掉,只留下这一段,结果还是不行。
没办法,我只好去网上找答案。这一搜,发现好多人都遇到过这个问题!
原来,textarea 赋值,不能用 value 属性!得把内容直接放到 textarea 的开始标签和结束标签之间。就像这样:
<textarea id="myTextarea">我要显示的文字</textarea>
或者用js这样来:
<textarea id="myTextarea"></textarea>
<script>
$("#myTextarea").text("我要显示的文字");
</script>
我试下,果然好使!
- textarea 赋值,别用 value 属性,那玩意儿不管用。
- 把要显示的文字,直接放到 textarea 的开始和结束标签中间。
- js的话就用 .text(),别再用.val()
这回的坑,算是踩明白。以后再遇到 textarea 赋值,咱就知道该咋办!
免责声明:由于无法甄别是否为投稿用户创作以及文章的准确性,本站尊重并保护知识产权,根据《信息网络传播权保护条例》,如我们转载的作品侵犯了您的权利,请您通知我们,请将本侵权页面网址发送邮件到qingge@88.com,深感抱歉,我们会做删除处理。