我在 HTML 页面上有一些表格,我需要在 <td>
中制作内容。标签可使用 jQuery UI 模态表单进行编辑,这意味着使用 jQuery UI 模态表单应该能够永久编辑内容。
例如:
HTML:
<table>
<tr>
<td id="name">John Doe</td>
<td id="number">999 999 9999</td>
</tr>
</table>
<button id="edit">Edit</button>
模态形式:
<div id="edit-form" title="Edit Info">
<form>
<fieldset>
<legend>Contact Info</legend>
<table>
<tr>
<td>Name</td>
<td><input type="text" name="cName" id="cName" /></td>
</tr>
<tr>
<td>Number</td>
<td><input type="text" name="cNumber" id="cNumber" /></td>
</tr>
</table>
</fieldset>
</form>
</div>
Javascript/jQuery
<script type="text/javascript">
$(function () {
var name = $("#cName"),
number = $("#cNumber");
$("#edit")
.button()
.click(function () {
$("#edit-form").dialog("open");
$("#edit-form").dialog({
autoOpen: false,
height: 'auto',
width: 'auto',
modal: true,
buttons: {
"Apply": function () {
document.getElementById('name').innerHTML = name.val();
document.getElementById('number').innerHTML = number.val();
$(this).dialog("close");
},
Cancel: function () { $(this).dialog("close"); }
}
});
});
</script>
但是,这只会暂时更改 HTML 文本。如果我重新加载页面,旧文本就会回来。
如何实现此操作,以便新文本替换旧文本(即写入文件)?如有任何帮助,我们将不胜感激!
最佳答案
您无法通过 JavaScript 更改 html 文件。即使它位于同一台计算机上并且您使用 file://架构也不行。您需要将数据存储在数据库中,并动态显示 html。
关于javascript - 使用 jQuery UI 模态表单永久更改 HTML 文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19405344/