[AJAX] effacer des valeurs dans mon input ajax

Version imprimable

Bonjour,

Suite à mes connaissances limitées en ajax
je viens vous sollicité :mrgreen:.

alors j'ai un tableau avec une liste déroulante lors d'un choix dans celle-ci plusieurs champs se rempli par la suite

Code html php

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<tr>
				<td>1</td>
				<td id="A0">
					<select name='Titre_chants' onchange="remplir(value,'A0')">
								<option>Selectionner un titre</option></center>
<?php
                                                $req1= mysql_query('select Titre_chants from chants');
                                                while ($ligne = mysql_fetch_array($req1))
                                                {
                                                        echo "<option>".$ligne['Titre_chants']."</option></center>";
                                                }
?>
 
				</td>
				<td><input value="" id="test1" readonly> </input></td>
				<td><input value="" id="test2" readonly> </input></td>
				<td><input value="" id="test3" readonly> </input></td>
				<td><input value="" id="test4" readonly> </input></td>
			</tr>

Maintenant mon souci est que à chaque fois que je change de titre dans ma liste déroulante mes données ne s'efface pas me continue à la suite de l'ancienne valeurs.
Comment pourrais-je supprimer la première valeur pour laisser place à la suivante

Merci d'avance pour votre aide :ccool:

25/06/2012, 19h08
NoSmoking

Bonjour,
sur le onchange du SELECT tu appelles la fonction remplir(value,'A0'), c'est bien mais....que contient cette fameuse fonction ?

Donc tout d'abord merci d'avoir prêté attention à mon post
donc dans cette fonction il y a

ajax

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
 
function remplir(Titre_chants,val)
{
var xhr = new XMLHttpRequest();
var titreChanson = Titre_chants;
var val = val;
 
	xhr.onreadystatechange = function() 
	{
 
		if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) 
		{
 
 
			reponse = xhr.responseText;
			var tab = reponse.split("|");
			var  input= document.getElementsByTagName('input');
 
			if(val=='A0')
				{
					for (i=0;i<4;i++)
					{
						input[i].value+= tab[i];
					}
				}
}
 
	};
 
	xhr.open("POST","remplir.php",true);
    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    xhr.send("titreChanson="+titreChanson);	
 
}

la page appelé

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<?php
include('inc_connexion.php');
connexion();
 
$titreChanson = $_POST['titreChanson'];
 
$requete= "     SELECT Lien_chant, LIB_receuil, Numero_chant, LIB_tonalite
                        FROM chants c, receuil r, tonalite t
                        WHERE c.ID_receuil = r.ID_receuil
                        AND c.Tonalite_chant = t.ID_tonalite
                        AND Titre_chants = '$titreChanson'";
                        
$resultat=mysql_query($requete);
$ligne=mysql_fetch_array($resultat);
 
echo $ligne['Lien_chant']."|".$ligne['LIB_receuil']."|".$ligne['Numero_chant']."|".$ligne['LIB_tonalite'];
?>

donc après mes champs dans mon formulaire se remplisse mais des que je change de titre mais champs se remplissent à nouveau sans effacer les anciennes données :cry:

Peux-tu faire une fonction toute bête dans ton onchange?
Code:

1 2 document.getElementById('test1').value = ""; document.getElementById('test2').value = ""; //...

26/06/2012, 11h21
Bovino

Citation:

sans effacer les anciennes données

Ben c'est normal :

Code:

input[i].value+= tab[i];

Si tu ne veux pas garder les anciennes données, pourquoi ce "+=" ? :aie:
26/06/2012, 13h08
fano97one

:lol: Bovino merci :ccool: deux fois de suite que tu me sauve :mouarf:

ledisciple merci d'avoir prêter attention à mon post :ccool: