Discussion :

[Cvbdev]

Bonjour,

J'ai un forumulaire composé de trois listes déroulantes, dont la seconde et la troisième sont générés en AJAX (base de données).Ce que souhaiterais réaliser, c'est récupérer la valeur de ma troisième listes.

Ceci fonctionne sous IE, mais ne fonctionne pas sous Firefox ! Je n'arrive pas à récupérer la valeur du champs que je sélectionne.



Code AJAX pour remplir la liste :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
function showLots(str)
{
if (str=="")
  {
  document.getElementById("info_liste_lots").innerHTML="";
  return;
  } 
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else{
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function(){
    try
     {
       if (xmlhttp.readyState==4 && xmlhttp.status==200){
       document.getElementById("info_liste_lots").innerHTML=xmlhttp.responseText;
      }
    }catch (e){
    alert(e);
    }
}
 
xmlhttp.open("GET","js/ajax-lots.php?ref_articles='"+str+"'",true);
xmlhttp.send();
}

Fichier ajax-lots.php pour remplir ma liste :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
$num_lot = $array_tmp[1];					
echo '<option value="'.$num_lot.'">Lot : '.xxxxxxxxx.'</option>';

Code la page HTML dans lequel j'intégre ma liste

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<select name="lst_produit" onchange="valeur_lot();">	
<option id="Faite_Choix" value="toto">Choigissez votre lots...</option>
<option id="info_liste_lots">Lots...</option>                   
</select>

Code JS pour récupérer la valeur de ma liste fonctionnant sous IE mais pas sous Firefox !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
function valeur_lot(){	
	var formname = document.forms['Form_Etiquette'];
	var optlist = formname.lst_produit;
	var i = optlist.selectedIndex;
	alert(optlist.options[i].text);	
}

Auriez-vous une idée de mon problème et pourquoi cela ne fonctionne t-il pas sous Firefox ?

D'avance merci pour les réponses !
++

[SpaceFrog]

text n'est pas crossbrowser ?

essaye innerHTML si tu veux le texte affiche ou value si tu veux sa valeur ????

[Cvbdev]

text n'est pas crossbrowser ?

essaye innerHTML si tu veux le texte affiche ou value si tu veux sa valeur ????

Bonjour,

J'ai essayé avec Value, ça ne fonctionne pas (valeur null) car voici le code générés que "je vois" dans la source :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
                <select name="lst_produit" onchange="valeur_lot();">	
                <option id="Faite_Choix" value="toto">Choigissez votre lots...</option>
                <option id="info_liste_lots">Lots...</option>                   
                </select>

Avec innerHTML selon la navigateur cela me renvoie des valeurs différents :

IE :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

xxxxx <OPTION>

FF :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<option value="ccc">ma valeur</option>';

Autre point, je n'arrive pas à sélectionner l'élèment dans ma liste sous FF ! je suis obligé d'utiliser le clavier pour récupérre la valeur ! J'avou en pas y comprendre grand chose :/

D'avance merci
++

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<option id="info_liste_lots">Lots...</option>

un id ne se justifie pars sur une option ...
ensuite il n'a pas de value ...

[Cvbdev]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<option id="info_liste_lots">Lots...</option>

un id ne se justifie pars sur une option ...
ensuite il n'a pas de value ...

Effectivement....
Je viens de rectifier ceci et ça fonctionne sous FF !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<select name="lst_produit" id="lst_produit" onchange="valeur_lot();" >	
<option value="-1">Choigissez votre lots...</option>         
</select>

Un autre problème se pose, ça ne fonctionne plus sous IE ! La liste déroulante ne se rempli même plus ! Une idée ? Est-ce dans AJAX que cela se joue ?

++


ps : j'ai modifié l'ID entre temps (j'ai fais les modifications necessaires pour ça)

[SpaceFrog]

tu ajoutes les options brut de pomme en innerHTML dans ton select .

Il a quelle tête le responseText ?