html中的textarea 取值与赋值

2,466 阅读1分钟

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()都可以歇菜了.