将数据保存到数据库后使文本字段变灰 out/disabled (ajax/php)

Question

我有以下代码：

<input type="text" value="name" id="name" />
<input type="button" id="button" value="Click Me" /></p>

<script>
    $( "#button" ).click(function() {
        var text = $("#name").val();
        $.ajax({
            url: 'page.php',
            type: "POST",
            data: {
                text: text
            },
            success: function(response) {
                alert("inserted");
            }
        });
    });
</script>

现在一切正常，但在单击按钮后，我收到弹出消息（警报），说明数据已插入。相反，我想使文本字段变灰 - 这可能吗？

Answer 1

您可以使用 prop() 禁用文本输入。这也会在大多数浏览器中将其灰显。试试这个：

success: function(response) {
    $('#name').prop('disabled', true);
}

Answer 2

function disable(){
  $("#name").prop("disabled",true);
}

Answer 3

ajax成功回调后尝试此方法，

    $("#name").attr('readonly', 'true'); // mark it as read only
    $("#name").css('background-color' , '#DEDEDE'); // change the background color

将数据保存到数据库后使文本字段变灰 out/disabled (ajax/php)

Making textfield greyed out/disabled after saving data to database (ajax/php)

javascript

php

ajax

jquery

textfield