Ajax jQuery 更改提交输入按钮值 - 但丢失 CSS 格式答案

【问题标题】：Ajax jQuery Change Submit Input Button Value - But lose CSS FormattingAjax jQuery 更改提交输入按钮值 - 但丢失 CSS 格式
【发布时间】：2020-04-12 18:21:13
【问题描述】：

在 Ajax 请求上按下时，使用 jQuery 更改提交输入按钮的文本。文本根据需要更改，但我丢失了所有 CSS 文本格式和 html 提交按钮标记。

html:

<div class="submit-control">
<input type="submit" id="submit" value="Submit">
<div class="counter">
<span id="total"><b>0</b></span> Entered
<span id="remain"><b>2000</b></span> Remaining
</div>
</div>

CSS：

.submit-control input {

  background-color: #D3D3D3;
  color: white;
  border: 2px solid #D3D3D3;
  border-radius: 5px;
  padding: 6px 12px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: Times, Serif;
  float:left;

}

.counter {
  color: #606060;
  border: 2px solid #D3D3D3;
  border-radius: 5px;
  padding: 6px 0px;
  margin-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: Times, Serif;

}

.counter  span {
margin-left: 10px;
color: #FFD700;

}

#total  {
  color: #606060;
  font-size: 14px;
}

#remain  {
  color: #606060;
  font-size: 14px;
  margin-left: 2px;
}

JQuery:

$(document).ready(function(){
    $("#submit").click(function(e){
        var msg=$("#msg").val();
        var userId = "<?php echo session_id();?>";
        $.ajax({
            url:'../serverside/insert.php',
            method:'POST',
            data:{
                msg:msg,
                userId:userId
            },
    beforeSend: function(){
        $('#submit').html("Processing...");
    },
    success: function(response){
        $('#submit').html(response);
    }
        });
    e.preventDefault();
    });
});

我不会这种格式。按下按钮前的图片：

但我得到了以下信息（因为在“提交控制”类下清除了 html，因此丢失了所有 css）：

编辑：

按下按钮前谷歌浏览器中的元素：

之后：

【问题讨论】：

你可以创建jsfiddle吗
@Çağrı 抱歉试图在 jsfiddle 中复制代码，但无法使示例工作。我在上面添加了一些信息（按提交前后的 CSS 加 html）。这有帮助吗。我知道它并不完美。谢谢。
您共享的代码没有任何问题。但在图片中你的内容去。这一定是有原因的，所以你应该分享这个页面的所有 js 代码来理解问题。此代码不清除内容。

标签： jquery html css ajax

【解决方案1】：

尝试val 而不是html：

$('#submit').val("Processing...");

$('#submit').val(response);

【讨论】：

谢谢。试过上面的。但同样的事情仍在发生。