У меня есть следующий код:
<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>
и теперь все работает нормально, но после нажатия кнопки я получаю всплывающее сообщение (оповещение) о том, что данные были вставлены. Вместо этого я хочу выделить текстовое поле серым цветом — возможно ли это?
Вы можете отключить ввод текста, используя prop()
, Это также затеняет его в большинстве браузеров. Попробуй это:
success: function(response) {
$('#name').prop('disabled', true);
}
function disable(){
$("#name").prop("disabled",true);
}
Попробуйте этот способ после ajax
обратный звонок,
$("#name").attr('readonly', 'true'); // mark it as read only
$("#name").css('background-color' , '#DEDEDE'); // change the background color