Ich bin ein neuer Benutzer von Ajax und ich habe ein kleines Problem auf Div-Funktion.Jquery Ajax Form wählen Änderung Div Fadeout Fehler
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 :)
Versuchen Anruf zu ' .fadeIn() 'vor' .fadeOut (4000) '; z. B. '$ (" # msg_age "). html (' Änderung OK') .fadeIn (0) .fadeOut (4000)' – guest271314
Wow! funktioniert perfekt !!! Danke vielmals – Jeed