syntaxe d'un createElement('option').selected ?

Version imprimable

Bonjour,

Dans le chargement d'une boîte de sélection, je voudrais mettre l'option "selected" sur une ligne.

Voici mon code :

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
var liste1 = xmlhttp.responseXML.getElementsByTagName('balise1');
      var liste2 = xmlhttp.responseXML.getElementsByTagName('balise2');
 
      var liste_select = document.getElementById(param2);
      var tmp = document.createElement('option');
	  // On efface les lignes de la recherche précédentes
	  var nombre=document.getElementById(param2).options.length;
 
      while(document.getElementById(param2).options.length > 0)
      {
         document.getElementById(param2).removeChild(document.getElementById(param2).options[0]);
      } 
     alert(param3.value);
 
	  // On écrit les nouvelle lignes
      for(var i = 0, m = liste1.length; i < m; i++)
      {
         tmp.setAttribute('value', liste2[i].firstChild.nodeValue);
         tmp.appendChild(document.createTextNode(liste1[i].firstChild.nodeValue));
         liste_select.appendChild(tmp);
         tmp = tmp.cloneNode(false);
      }
 
      liste_select.disabled = false;

Je veux plaer un test dans la boucle comme ceci

Code:

if(liste1[i]==param3) selected;

Mais je n'arrive pas à trouver la syntaxe

Merci d'avance.

en utilisant:

Code:

1
2
 
tmp.setAttribute('selected', 'selected');

12/03/2007, 15h38
lodan
Citation:
Envoyé par coca25

en utilisant:

Code:

1 2 tmp.setAttribute('selected', 'selected');
Merci beaucoup.

ce qui pourrait donner quelque chose comme ceci :

Code:

if(liste1[i]==param3) tmp.setAttribute('selected', 'selected');

Sauf que je compare des choux et des carottes

liste[i] est un object Element
param3 est un HTMLselectElement

Donc je ne peux pas faire cette comparaison.

Il faut que je la fasse dans mon ajax/php ?

tu peux faire

Code:

1
2
3
 
if (liste2[i].firstChild.nodeValue == param3.value)
  tmp.setAttribute('selected', 'selected');

Citation:

Envoyé par coca25

tu peux faire

Code:

1
2
3
 
if (liste2[i].firstChild.nodeValue == param3.value)
  tmp.setAttribute('selected', 'selected');

Tu n'est qu'un coca de 25, mais c'est exactement ça.

J'ai juste rajouté un

Code:

tmp.removeAttribute('selected');

dans ma boucle ce qui donne en final

Code:

1
2
3
4
5
6
7
8
9
for(var i = 0, m = liste1.length; i < m; i++)
      {
         tmp.setAttribute('value', liste2[i].firstChild.nodeValue);
         tmp.removeAttribute('selected');
         if (liste2[i].firstChild.nodeValue == param3) tmp.setAttribute('selected', 'selected');
         tmp.appendChild(document.createTextNode(liste1[i].firstChild.nodeValue));
         liste_select.appendChild(tmp);
         tmp = tmp.cloneNode(false);
      }

Merci beaucoup et à ta santé

12/03/2007, 16h50
coca25

je t'en prie ;)
13/03/2007, 13h54
sekaijin

Attention selected n'est pas suffisant pour être cross browser il faut aussi mettre defaultselected