消息在 Chrome 和 IE 中不显示，而在 Firefox 中工作

Message is not showing in Chrome and IE while it is working in Firefox

本文关键字：而在 Firefox 工作 显示 Chrome IE 消息      更新时间：2023-09-26

此 Div 消息正在更改并显示在 Firefox 中，但它没有显示在 chrome 中。

这是 HTML：

<div style="position: relative; color: Green" id="divMessage">
<input type="button" value="value" class="abc" id="btnClick" name="Submit" />

Javascript：

var strMessageEmpty = "";
var strMessageSavingInProgress = "Saving Data.  Please wait...";
var strMessageDone = "Module Calculation has been done...!";
$("#btnClick").click(function() {
    $("#divMessage").val(strMessageEmpty);
    $("#divMessage").html(strMessageSavingInProgress);
    // SAVE DATA
    $.ajax({
        type: 'post',
        //  contentType: 'application/json',
        async: false,
        cache: false,
        url: '/Controller/Action',
        //  dataType: 'json',
        data: {
            Period: $('#ddlPeriod').val()
        },
        success: function(data) {
            $("#divMessage").html(strMessageSavingInProgress);
            key = data;
        },
        error: function(err) {}
        $("#divMessage").val(strMessageEmpty);
    });
我相信

$（"#divMessage"）.val（strMessageEmpty）;应该放在$.ajax调用之外（或者你可能想把它放在其他地方，但它当前的位置不正确）：

$.ajax({
    type: 'post',
    //  contentType: 'application/json',
    async: false,
    cache: false,
    url: '/Controller/Action',
    //  dataType: 'json',
    data: {
        Period: $('#ddlPeriod').val()                     
    },
    success: function (data) {     
             $("#divMessage").html(strMessageSavingInProgress);                 
                 key = data;
    }, error: function (err) {
    }
});
$("#divMessage").val(strMessageEmpty);

更新：正如其他人指出的那样，您需要像这样正确关闭div 标签：

<div style="position: relative; color: Green" id="divMessage"></div>
相关文章：