用javascript对textarea中的公式可以进行修改,并保存,保存后,要弹出一个提示框,显示已保存的信息
时间: 2023-05-19 20:05:42 浏览: 63
可以使用以下代码实现:
```javascript
// 获取textarea元素
var textarea = document.getElementById("textarea-id");
// 获取保存按钮元素
var saveBtn = document.getElementById("save-btn");
// 绑定保存按钮点击事件
saveBtn.addEventListener("click", function() {
// 获取textarea中的内容
var content = textarea.value;
// 保存内容到本地存储
localStorage.setItem("saved-content", content);
// 弹出提示框
alert("已保存!");
});
// 页面加载时,从本地存储中获取保存的内容
var savedContent = localStorage.getItem("saved-content");
if (savedContent) {
textarea.value = savedContent;
}
```
以上代码会在页面加载时从本地存储中获取保存的内容,并将其填充到textarea中。当用户点击保存按钮时,会将textarea中的内容保存到本地存储,并弹出一个提示框显示已保存的信息。
相关问题
用javascript对textarea中的公式可以进行修改,并保存到数据库,保存后,要弹出一个提示框,显示已保存的信息
可以使用以下代码实现:
```javascript
// 获取textarea元素
var textarea = document.getElementById("textarea-id");
// 获取保存按钮元素
var saveBtn = document.getElementById("save-btn");
// 给保存按钮添加点击事件
saveBtn.addEventListener("click", function() {
// 获取textarea中的内容
var content = textarea.value;
// 将内容保存到数据库
// ...
// 弹出提示框
alert("已保存:" + content);
});
```
需要注意的是,保存到数据库的具体实现需要根据具体情况进行编写。
第二个form,对textarea中的公式可以进行修改,并保存,保存后,要弹出一个提示框,显示已保存的信息
对于您的问题,我可以提供以下建议:您可以使用 JavaScript 和 jQuery 来实现这个功能。首先,您需要为保存按钮添加一个点击事件处理程序,该处理程序将获取 textarea 中的内容并将其保存到数据库或本地存储中。然后,您可以使用 jQuery UI 的对话框组件来创建一个弹出窗口,其中包含保存成功的消息。以下是一个示例代码片段:
```javascript
// 保存按钮的点击事件处理程序
$('#save-button').click(function() {
var content = $('#textarea').val();
// 将内容保存到数据库或本地存储中
// ...
// 显示保存成功的消息
$('<div>已保存</div>').dialog({
modal: true,
buttons: {
"确定": function() {
$(this).dialog("close");
}
}
});
});
```
请注意,这只是一个示例代码片段,您需要根据您的具体需求进行修改和调整。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)