javascript - 如何从 JavaScript 文件覆盖 html 元素

Question

我的 js 文件中有这段代码。你能告诉我如何使用“message”类更改 div 内的文本吗？

$.post(url, form_serialized, function(data) {
      form.html('<div class="message">Thank you for contacting us!</div>');
});

所以我想更改 .js 文件内的“感谢您与我们联系”，将 html 中的内联覆盖为“感谢您向我们发送消息”。

Answer 1

在你的html中，你需要

<script type="text/javascript">
$(document).ready(function() {
    $.post(url, form_serialized, function(data) {
      form.html('<div class="message">Thank you for contacting us!</div>');
    });
});
</script>

尽管我怀疑您希望将其与某些按钮按下相关联。所以你可能想要:

<script type="text/javascript">
$("#form_id").submit(function(ev) {
    ev.preventDefault();
    // .... setup form_serialized variable with form data
    $.post(url, form_serialized, function(data) {
      form.html('<div class="message">Thank you for contacting us!</div>');
    });
});
</script>

表单标签的样子

<form id="form_id">