html中的textarea

html中的textarea

html中给textarea赋值比较常见的方式

html中直接书写；2. 通过js动态修改

1. JQuery给textarea取值和赋值

取值：

$("#id").val()

赋值：

$("#id").val("123")

2. JQuery给label取值和赋值

取值：

$("#id").text();

赋值：

$("#id").text("123");

3. 在html中给textarea赋值

<textarea>初始值</textarea>

注：在html中给textarea赋值时不可以用

<textarea value="初始值"></textarea>

取值赋值常用的方法

html(),text(),val()

text()方法是通过遍历元素的childNodes，获取每个子节点的nodeValue，拼接成字符串返回；

html()方法是通过元素的innerHTML返回需要取的值

val()方法通过遍历元素的value值

经常遇到问题：

页面不进行任何点击操作的时候，小弹窗所输入的值可在textarea可中拼接显示；但在页面中编辑修改textarea的值后，textarea中不再往后拼接弹框中输入的值

控制台显示的现象：

在输入框输入字符之后，text(),html()没有取到改变后的值；

执行html(“123”)，

执行text(“123”),

原因：

小弹框相应事件中给textarea赋值方式不是用val()方法，

value是一头沉睡的狮子，通过val()赋值，或者键入改变输入框的值，都是在唤醒这头狮子；一旦value苏醒，text(),html()都可以歇菜了.