2015-04-06 75 views
-3

我有下面的代码后开启/关闭:使文本框变灰数据保存到数据库(AJAX/PHP)

<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> 

和现在的一切工作正常,但点击该按钮后,我得到了弹出味精(警报)表示数据已插入。而不是我想灰色的文本字段 - 有可能吗?

+0

您是否尝试过加入'disabled'属性来输入你的成功回调? – Joe

+0

下次请尝试谷歌这一点。 “jquery禁用输入”会给你相同的答案 –

回答

1

您可以使用prop()禁用文本输入。这在大多数浏览器中也会变成灰色。试试这个:

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

谢谢,这解决了我的问题! – randomuser2

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

尝试后ajax成功回调这样,

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