Loading [MathJax]/jax/input/TeX/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >保存html会丢失文本区域内的值

保存html会丢失文本区域内的值
EN

Stack Overflow用户
提问于 2015-03-11 17:50:35
回答 2查看 1.1K关注 0票数 0

我有一个表格,里面有一些td的输入和文本区域。当我的页面加载时,这些输入和文本区域是空的。然后我在input和textareas中输入文本。然后,我将此页面保存到sql数据库。然后,我可以在需要的时候加载这个表。当页面加载时,我需要加载所有输入和文本区域中的所有文本“值”。

我在一个函数中使用它来保存输入的所有值。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$("input").each(function(){
    $(this).attr("value", $(this).val());
});

工作正常。但是,当尝试将其应用于文本区域时,如下图所示,没有运气。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$("textarea").each(function(){
    $(this).attr("value", $(this).val());
});

当我加载我保存的html时,我的文本区是空的,但是value="“接受文本。例如,当我加载一个空表时,文本区域如下所示。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<textarea value="" type="text"></textarea>

一旦我在文本框中输入了"hello“,并保存了我的html,当我加载它时,我就得到了这个结果。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<textarea value="hello" type="text"></textarea>

但是实际的文本区域是空的。

有什么想法吗?

EN

回答 2

Stack Overflow用户

发布于 2015-03-11 17:58:21

因为textarea不同于input,文本放在textarea本身而不是属性中。

因此,要更改/设置文本区内容,您需要使用$('textarea').val('hello');,或者如果它在$.each()中,则使用$(this).val('hello');

不确定我明白我应该在那里做什么?- Adrien Boufflet 1小时前

我不知道如何/何时应用文本区的value,但当您这样做时,您应该使用.val('some text')而不是.attr('value', 'some text')

我希望这能更好地解释这一点。

票数 2
EN

Stack Overflow用户

发布于 2015-03-12 13:37:41

这解决了我的问题。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$("textarea").each(function(){
    $(this).attr("value", $(this).text(this.value));
});

得到的是.val()而不是.text()

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/28993856

复制
相关文章
Python中相同的值在内存中到底会保存几份
Python采用基于值的内存管理模式,相同的值在内存中只有一份。这是很多Python教程上都会提到的一句话,但实际情况要复杂的多。什么才是值?什么样的值才会在内存中只保存一份?这是个非常复杂的问题。
Python小屋屋主
2018/04/16
1.6K0
Python中相同的值在内存中到底会保存几份
Double为什么会丢失精度
在工作中,谈到有小数点的加减乘除都会想到用BigDecimal来解决,但是有很多人对于double或者float为啥会丢失精度一脸茫然。还有BigDecimal是怎么解决的?话不多说,我们开始。
用户4283147
2022/10/08
2.4K0
Double为什么会丢失精度
mysql左连接丢失null值的问题
如题所示,我们有的时候直接使用左连接查询,当右表不存在该数据的时候,是可以查出带有null的列。可是当在where条件中有右表相关的筛选条件时,我们惊奇的发现查询的结果不带null值了,换句话说就是查出来的结果比预期的少。
全栈程序员站长
2022/08/23
2.9K0
WordPress保存文章后,如何避免反斜杠丢失?
WordPress保存文章时,文章内包含的反斜杠将会被当做转义符,导致保存后丢失反斜杠。
房东的狗丶
2023/10/23
2190
UILabel加载html文本
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details/53163142
用户1451823
2018/09/13
2.9K0
"打开,保存"文件框的文本溢出排查
        工作中遇到的这个问题还是很有意思的。其中嵌套了很多奇葩性的问题。(转载请指明出于breaksoftware的csdn博客)
方亮
2019/01/16
1K0
SystemVerilog(五)-文本值
System Verilog 扩展了 Verilog 的 教据类型 , 增强了指定文本值的方法。在介绍文本值之前我们先简单回忆一下HDL中的四个状态数据值。
碎碎思
2022/04/14
1.2K0
SystemVerilog(五)-文本值
1.1、文本插值
Vue 使用一种基于 HTML 的模板语法,使我们能够声明式地将其组件实例的数据绑定到呈现的 DOM 上。所有的 Vue 模板都是语法层面合法的 HTML,可以被符合规范的浏览器和 HTML 解析器解析。
张果
2022/11/12
8.8K0
1.1、文本插值
【html】referrer值的设置小记
当html页面中引入跨域的资源时(image,js,css等),可在html的header中加上
一朵灼灼华
2022/08/05
5.8K0
Redis脑裂为何会导致数据丢失?
主从集群有1个主库、5个从库和3个哨兵实例,突然发现客户端发送的一些数据丢了,直接影响业务层数据可靠性。
JavaEdge
2023/02/13
1.4K0
Redis脑裂为何会导致数据丢失?
python将获取到的数据保存到文本
1.代码中json_str为获取到的json数据,数据类型为dic(不直接使用con的原因是它不能设置ensure_ascii和indent的值)
句小芒
2022/12/29
1.1K0
simple_html_dom换行符丢失的问题
今天老高在更新Table Of Contents for typecho的时候,遇到了一个问题。
老高的技术博客
2022/12/28
1.6K0
Django 的 admin后台使用富文本编辑器,保存数据之后,还要在html页面展示
CHEDITOR_UPLOAD_PATH的作用是设定你通过ckeditor所上传的文件的存放目录。需要注意的是,如果使用django自带的存储,那么路径是一个相对路径,它相对与你设置的的MEDIA_ROOT。
一写代码就开心
2022/05/09
1.3K0
Django 的 admin后台使用富文本编辑器,保存数据之后,还要在html页面展示
HTML5常用的文本标签
    <h1>~<h6>用处是为了命名标题,<h1> 定义最大的标题。<h6>用来定义最小的标题;标题标签主要目的不是为了设置字体大小,主要作用是对浏览器索引进行优化。 例子:
王凡汎
2020/03/23
10.5K0
HTML的body标签-文本标签学习
<html> <head> <title>HTML的body标签-文本标签学习</title> <meta charset="utf-8"/> </head> <body> <!--标题标签--> <h1 align="center">今天北京天气真好,适合学习</h1> <h2>今天上海天气真好,适合学习</h2> <h3>今天成都天气真好,适合学习</h3> <h4>今天遂宁天气真好,适合学习</h4> <h5>今天郫县天气真好,适合学习</h5> <h6>今天
葆宁
2019/04/18
2.1K0
HTMl网页中的文本和图像
JaneYork
2023/10/11
2080
HTML,login文本框·
列子: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title>
Wyc
2018/09/11
5.5K0
HTML,login文本框·
点击加载更多

相似问题

HTML保存到PDF会丢失锚标记

13

jquery appendTo会丢失html元素之外的文本。

20

HTML文本区域内的样式文本

13

NSManagedObjectContext保存似乎会丢失对象

20

文本区域内带有css的html

12
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文