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

将数据保存到数据库后使文本域变灰/禁用（ajax / php）

3 个答案: