如何从 javascript 更改 JSP 中的消息文本

How to change message text in JSP from javascript?

本文关键字：消息 文本 JSP 更改 javascript      更新时间：2023-09-26

我是javascript新手，所以请原谅我:)

我的某个页面中有以下内容.jsp：

<div id="prompt-form" title="Some title">
  <p> <span class="ui-icon ui-icon-comment" style="float:left; margin:0 8px 35px 0;"></span>
MESSAGE_TO_REPLACE
 </p>
</div>

我正在使用以下JavaScript代码：

$("#prompt-form").dialog({
    autoOpen: false,
    resize: "auto",
    modal: true,
    buttons: {
        Yes: function () {
             if (SOME_FLAG) {
              MESSAGE_TO_REPLACE = "11"; 
             } else {
              MESSAGE_TO_REPLACE = "12";
             }
        },
        No: function () {
            $(this).dialog("close");
        }
    },
    open: function () {
        $(":button:contains('No')").focus();
    }
});

问题是，如何将新消息文本从我的javascript代码(此文件不是在我的SomePage.jsp中构建的(发送到SomePage.jsp？

是真的吗？

谢谢大家。

我不明白你想说什么...如果要更改文本"MESSAGE_TO_REPLACE"，请使用以下代码，否则忽略它。:) 

   <div id="prompt-form" title="Some title">
  <p> <span class="ui-icon ui-icon-comment" style="float:left; margin:0 8px 35px 0;"></span>
<span id="msgToReplace">
MESSAGE_TO_REPLACE
</span>
 </p>
</div>
<script>
    document.getElementById("msgToReplace").innerHTML = "newText";
</script>

您可以使用 jquery 选择器来查找需要更改的 html 元素。然后使用$.html()进行更改。span 标记应将消息括起来，以便您可以替换正文。

网页代码： 

<p> <span class="ui-icon ui-icon-comment" style="float:left; margin:0 8px 35px 0;">
MESSAGE_TO_REPLACE
</span></p>

JS代码：

 if (SOME_FLAG) {
     $("#prompt-form p span").html("11"); 
 } else {
     $("#prompt-form p span").html("12");
 }

运行演示

相关文章：