Jquery Ajax Form wählen Änderung Div Fadeout Fehler

Question

Ich bin ein neuer Benutzer von Ajax und ich habe ein kleines Problem auf Div-Funktion.

Hier ist mein Code:

$(document).ready(function() { 
$('select.age').change(function(){ 
      $.ajax({ 
      type: 'POST', 
      url: 'change_age.php', 
      data: {selectage: $('select.age').val(), projectId: $('input[name$="projectId"]').val()}, 
      dataType: 'html', 
      success: function() 
{ 
$("#msg_age").html('<span style="color: #00BB00;">Changement OK</span>').fadeOut(4000); 
} 
}); 
}); 
}); 

Meine Form Seite test.php

<form action="#" method="post"> 
<label for="age">Votre Age</label> 
<select class="age" name="age"> 
<option value="18">18</option> 
<option value="19">19</option> 
<option value="20">20</option> 
<option value="21">21</option> 
<option value="22">22</option> 
<option value="23">23</option> 
<option value="24">24</option> 
<option value="25">25</option> 
<option value="26">26</option> 
</select> 
<input class="projectId" type="hidden" name="projectId" value="1"/> 
<div id="msg_age"></div> 
</form> 

Mein change_age.php

<?php 
$query=mysql_connect("localhost","user","pass"); 
mysql_select_db('database',$query); 
$selectage=$_POST['selectage']; 
$id=$_POST['projectId']; 
$sql='UPDATE tests SET name="'.$selectage.'" WHERE id="'.$id.'"'; 
mysql_query($sql) or die("Error: ".mysql_error()); 
?> 

Wenn ich auf meiner Form für 1. Mal gehen, Ich ändere eine Option die Änderung ist in Ordnung, ich warte 4 Sekunden das Div-Ausblendung. Wenn ich eine andere Auswahl anwähle, wird nichts angezeigt, ich muss die Seite aktualisieren. Ich wollte die Nachricht mit der Ausblendung erneut anzeigen, wenn eine andere Auswahl ausgewählt ist.

Jemand hat eine Idee?

Vielen Dank :)

Answer 1

In diesem Fall habe ich Spanne für Benachrichtigungen in Ihrer Vorlage erstellen würde, es eigene ID geben, und .fadeIn()/.fadeOut() es, wenn es gebraucht wird.

Weniger DOM-Manipulationen und bessere Leistung.

Also, Ihr Code wie:

... 
success: function() { 
    $("#msg_age").fadeIn(150).fadeOut(4000); 
} 

nächstes Fading seit langer Zeit heraus sehen nicht freundlich, ich würde .delay() für bessere Nutzung dieser

... 
success: function() { 
    $("#msg_age").fadeIn().delay(4000).fadeOut(); 
}