美文网首页
获取 textarea 标签内容的行数

获取 textarea 标签内容的行数

作者: sunxiaochuan | 来源:发表于2021-07-19 21:01 被阅读0次
<textarea id="text" rows="5" cols="10" onkeyup="calc();"></textarea>
<input type="text" readonly="readonly" id="lines" />

<script type="text/javascript">
function calc(){
  document.getElementById('lines').value = document.getElementById('text').value.split("\n").length;
}
</script>

相关文章

  • 获取 textarea 标签内容的行数

  • HTML页面中textarea高度自适应解决方案

    背景: 页面上加了一个div标签,div标签下有一个textarea标签,textarea的内容通过后台读取数据自...

  • JS使用textarea模拟post提交表单

    textarea 标签 textarea代表HTML表单多行输入域textarea标签是成对出现的,以 开始,以 ...

  • 功能实现

    一.页面处理 1.获取textarea的文本内容 2.设置textarea的文本内容 3.添加数据到订单表格 4....

  • textarea标签的换行

    在textarea标签中经常会遇到换行操作,我们该如何获取textarea中的换行保存在数据库中,查看时展示到页面...

  • 2018-11-135

    innerHTML 获取标签内部的所有内容,可以获取出标签里面的标签 innerText获取标签里面的内容,不获取...

  • 笔记14

    innerHTML 获取标签内部的所有内容,可以获取出标签里面的标签 innerText获取标签里面的内容,不获取...

  • 窥视 JavaScript 第四天

    innerHTML获取标签内部的所有内容,可以获取出标签里面的标签 innerText获取标签里面的内容,不获取标...

  • textarea 标签的 placehold 不起作用 | 20

    textarea 标签的 placehold 不起作用 textarea 标签的placehold不起作用 是因为...

  • js 复制表格列内容

    整体思路:先获取DOM中相关列的值(获取接口数据同理)将数据汇总至复制的变量中, 并创建textarea标签, 选...

网友评论

      本文标题:获取 textarea 标签内容的行数

      本文链接:https://www.haomeiwen.com/subject/imahmltx.html