JQuery AJAX ответ не работает правильно

Question

Хорошо, это расстраивает ... Приведенный ниже код работает "правильно", поскольку отправляет адрес электронной почты на URL-адрес SaveEmail, и он сохраняется правильно каждый раз, когда я меняю раскрывающийся список. Однако он выводит сообщение «Успешно» только один раз, независимо от того, сколько раз я меняю значение в раскрывающемся списке. «Данные», которые возвращаются, «Успешно». Я хотел бы показать сообщение на пару секунд, а затем исчезнуть. Он работает правильно при первом изменении раскрывающегося списка, после чего происходит изменение, и значение сохраняется, но сообщение «Успешно» не отображается.

JQuery код:

$('#AgentEmails').change(function() {
  var NewAddress = $('#AgentEmails').val();
  $.post('SaveEmail.aspx', { email: NewAddress }, function(data) {
    $('#SelectMsg').html("<b>" + data + "</b>").fadeOut();
  });
});

HTML код:

<select ID='AgentEmails' runat='server'>
  <option value="test@test.com">TEST</option>
</select><span id='SelectMsg'></span>

Что нужно изменить в моем коде, чтобы это работало правильно? Спасибо за помощь.

Answer 1

После выполнения fadeOut свойство display #selectMsg устанавливается в none, поэтому вы больше его не увидите, если не восстановите его видимость. Например:

$('#AgentEmails').change(function() {
  var NewAddress = $('#AgentEmails').val();
  $.post('SaveEmail.aspx', { email: NewAddress }, function(data) {
    $('#SelectMsg').show();
    $('#SelectMsg').html("<b>" + data + "</b>").fadeOut();
  });
})

Answer 2

выбор сделан не правильно в asp.net есть несколько способов сделать выбор с помощью jquery, вы должны попробовать этот код:

$("*[id$='AgentEmails']").change(function() {
  var NewAddress = $("*[id$='AgentEmails']").val();
  $.post('SaveEmail.aspx', { email: NewAddress }, function(data) {
    $("*[id$='SelectMsg']").html("<b>" + data + "</b>").fadeOut();
  });
});