JQuery给textarea赋值


<html>
<head>
<title>textarea赋值</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="../scripts/jquery-1.3.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#test").html("testtest");
});
</script>
</head>
<body>
<textarea id="test">
</textarea>
</body>
</html>
在不同场景下,给 textarea 赋值有多种方法: - **jQuery 方法**: - 使用 `.val()` 方法:这是较为常用的给 textarea 赋值jQuery 方法。例如,若有一个 id 为 `qrcodefortemcontent` 的 textarea,可使用 `$("#qrcodefortemcontent").val("123");` 进行赋值。此方法同样适用于 input 元素,能保持代码的一致性和简洁性,对于表单元素的值操作是一个通用的方式 [^3]。 - 使用 `.text()` 方法:如 `$("#t1").text("AAA");` 也能给 textarea 赋值。不过 `.text()` 方法主要用于设置或返回所选元素的文本内容,通常用于处理非表单元素如 `label` 等,但也可用于 textarea。与 `.val()` 不同的是,`.text()` 更侧重于文本内容的设置,而 `.val()` 专门针对表单元素的值操作 [^1]。 - **HTML 直接赋值**:可以在 HTML 标签中直接给 textarea 赋值,例如 `<textarea name="note" placeholder="请输入自我介绍" class="layui-textarea">{$info['note']}</textarea>`,这种方式适合在页面加载时就有初始值的情况 [^2]。 ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Textarea 赋值示例</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> </head> <body> <textarea id="myTextarea"></textarea> <button onclick="assignValueUsingVal()">使用 val() 赋值</button> <button onclick="assignValueUsingText()">使用 text() 赋值</button> <script> function assignValueUsingVal() { $("#myTextarea").val("使用 val() 赋值的内容"); } function assignValueUsingText() { $("#myTextarea").text("使用 text() 赋值的内容"); } </script> </body> </html> ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值