convertir un élément d'un array en string

**tanguy.L** · 20/11/2009, 11h39

Bonjour,

Je sais que ma question est vraiment basique, mais je n'ai pas trouvé comment faire...

j'ai un array passé en paramètre d'une fonction js. Cet array contient des string. Je voudrais parcourir cet array pour ajouter ces éléments à un élément select. Voici mon code:

Code :

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

1
2
3
4
5
6
 
var elOption = new Array();
for(i=0 ; i<eltsListe.length ; i++){
	var option = eltsListe[i];
	elOption.push(new Option(option.toString(), option.toString(), false, false));
}

à 'affichage j'ai parfois un undefined parfois sa plante.. ça dépend de la méthode. Avec celle là j'ai rien.

Vous pouvez m'aider svp?

Merci

**SpaceFrog** · 20/11/2009, 12h50

eltsListe c'est l'array passé en paramètre ?

eltsListe[i] contient quoi ?

HA !!!

tu veux dire ajouter des options à un select à parir d'un array ??
C'est pas dans la FAQ ni les Contributions ??

Code :

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

document.createElement('option')

...

**tanguy.L** · 20/11/2009, 13h27

J'ai regardé sur un tuto de developpez pour faire mon code.
il s'agit de ce tuto : http://javascript.developpez.com/tut...=page_5#LV-A-1

J'y ai notamment trouvé ce bout de code

Code :

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

1
2
3
4
5
6
7
8
9
10
 
 
//Tableau contenant les options de la liste
var elOption = new Array(
                    new Option("Votre choix", "", false, false),
                    new Option("Option 1", "valeur1", false, false),
                    new Option("Option 2", "valeur2", false, false),
                    new Option("Option 3", "valeur3", false, false),
                    new Option("Option 4", "valeur4", false, false)
                          );

ce que j'ai essayé de faire c'est de récupérer les valeurs d'un tableau au lieu de mettre option 1, option2...
Mon tableau est construit comme cela :

Code :

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

1
2
3
4
5
 
<?php include("ajouterChampRequete.php"); 
                        $liste = array("jour","semaine","mois");
                echo ajouterChampRequete(1,$liste,"form1","valider");
                ?>

ajouterChamprequete me permet de faire plusieurs choses comme afficher un input texte, un select et un bouon qui ajoutera d'autres input.

Voici le bout de code du bouton
(qui se trouve donc dans :

Code :

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

1
2
 
function ajouterChampRequete($nbChampTexte, $eltsListe,$idParent,$idEnfant){

Code :

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

1
2
3
4
5
6
7
 
//Ajout du bouton
	$retour .= "<label>";
	$retour .= '<input type="button" onclick="addinput('.$eltsListe.')"name="button" id="add" value="+" />';
	$retour .= '<div id="moreinputs">';
	$retour .= '</div>';
	$retour .= "</label>";

Mais je suis coincé. Je pense avoir fait pareil que dans le tuto pour la création des options, donc je crois que c'est la lecture de eltsListe[i] qui ne va pas...

Tu en penses quoi?

**SpaceFrog** · 20/11/2009, 14h10

Pourquoi vouloir repasser en string ??
(Maintenant la façon dont tu gères tes taches ménagères ne me regarde pas ^^)

soit tu passes du string dans les elements de l'array:

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
 
<script type="text/javascript">
var elOption = new Array(
                    ["Votre choix", "", false, false],
                    ["Option 1", "valeur1", false, false],
                    ["Option 2", "valeur2", false, false],
					   ["Option 2", "valeur2", false, false],
                    ["Option 2", "valeur2", false, false]
                    );
alert(elOption[0][3])
 
function foo(){
var i=0;
var elL=elOption.length
for(i=0;i<elL;i++){
 var newOpt=new Option(elOption[i][0],elOption[i][1],elOption[i][2],elOption[i][3])
 document.getElementById('monselect').options[document.getElementById('monselect').options.length]=newOpt;
 }
 }
</script>
</head>
 
<body onload="foo()">
<select id="monselect">
</select>
</body>

soit tu conserves les objets :

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
var elOption = new Array ( new Option("Votre choix", "", false, false),
				  new Option("Option 1", "valeur1", false, false),
				  new Option("Option 2", "valeur2", false, false),
				  new Option("Option 3", "valeur3", false, false),
				  new Option("Option 4", "valeur4", false, false)
                    );
 
 
function foo(){
var i=0;
var elL=elOption.length
for(i=0;i<elL;i++){
var newOpt=new Option(elOption[i][0],elOption[i][1],elOption[i][2],elOption[i][3])
 document.getElementById('monselect').options[document.getElementById('monselect').options.length]=elOption[i];
 }
 }

**Bovino** · 20/11/2009, 14h10

Code :

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

1
2
$liste = array("jour","semaine","mois");
echo ajouterChampRequete(1,$liste,"form1","valider");

Et tu crois vraiment qu'en faisant un echo d'une variable PHP, ça va te transformer un tableau PHP en tableau JavaScript ???
Ca revient au même que de vouloir créer un PDF en changeant juste l'extension d'un fichier texte...
http://javascript.developpez.com/faq...aux#arrayPHPJS

**tanguy.L** · 20/11/2009, 14h37

J'ai l'impression qu'on ne parle pas de la même chose.
Au risque d'être lourd, je vais mettre mon code en entier, en vous expliquant au mieux...

Je me permet de faire ça, car le code que j'ai est fonctionnel, la seule chose qui va pas c'est qu'il met des undefined dans le select...

J'ai une page php dans laquelle je construit une zone de requete.

Code :

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

1
2
3
4
5
6
7
 
<div id="eltRequete">
   	 	<?php include("ajouterChampRequete.php"); 
                        $liste = array("jour","semaine","mois");
                echo ajouterChampRequete(1,$liste,"form1","valider");
                ?>
    </div>

La fonction ajouterChampRequete me permet de construire un string définissant la strucure d'une ligne de requete, à savoir, un input texte, un select et un bouton.
Voici tout le code de ajouterChampRequete .php

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
29
30
31
32
33
34
35
 
<?php
function ajouterChampRequete($nbChampTexte, $eltsListe,$idParent,$idEnfant){
        $retour = '<span id="inputline">';
    
    //Ajout des champs texte
        for($i=0 ; $i<$nbChampTexte ; $i++){
                $retour .= '<label>';
                $retour .= "<input type="."text"." name="."textfield"." id="."textfield".$i." />";
                $retour .= '</label>';
                $retour .= '    ';
        }
        
    
    //Ajout de la liste
        $retour .= "<label>";
        $retour .= '<select name="select" id="select" size="1">';
        for($i=0 ; $i<count($eltsListe) ; $i++){
                $retour .= "<option value=".$eltsListe[$i].">".$eltsListe[$i]."</option>";
        }
        $retour .= '</select>';
        $retour .= "</label>";
        
    
    //Ajout du bouton
        $retour .= "<label>";
        $retour .= '<input type="button" onclick="addinput('.$eltsListe.')"name="button" id="add" value="+" />';
        $retour .= '<div id="moreinputs">';
        $retour .= '</div>';
        $retour .= "</label>";
        $retour .= "</span>";
        
        return $retour;
}
?>

Comme j'ai eu la bonne idée de charger le script contenant la méthode addinput(Array) dans ma première page php, le bouton que je vieens de créer, peut effectivement lancer le script.

Voici le script :

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 
function addinput(eltsListe){
 
var elInput = new Array();
 
for (i=0;i<2;i++)
{
	elInput[i] = document.createElement("input");
	elInput[i].type = "text";
}
 
 
//création de l'élément select
var elSelect = document.createElement("select");	
elSelect.size = "1";	
 
 
//Tableau contenant les options de la liste
var elOption = new Array();
for(i=0 ; i<eltsListe.length ; i++){
	var option = eltsListe[i];
	elOption.push(new Option(option, option, false, false));
}
 
//Appel des objets formulaire et bouton
var elForm = document.getElementById("form1");
var objBouton = document.getElementById("valider");
 
elForm.insertBefore(elInput[0], objBouton);	//1er INPUT
 
elForm.insertBefore(elSelect, objBouton);	//Ajout du select
 
//Ajout dans le select des options (1)
for (i=0;i<elOption.length;i++)			
{
    elSelect.options.add(elOption[i]);
}
 
elForm.insertBefore(elInput[1], objBouton);	//2ème INPUT
 
//Saut de ligne 1
elForm.insertBefore(document.createElement("br"), objBouton);	
}

Alors?Je suis complétement à côté?
Merci

**BaBeuH** · 20/11/2009, 14h51

Je rejoins Bovino par rapport au fait que tu ne peux pas transformer une variable PHP en Javascript avec un simple echo...

Si tu regardes d'ailleurs le code HTML généré, tes boutons, le onclick doit ressembler à un truc du genre

Code :

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

onclick="addinput('Array')"

Tu ne peux pas passer un "objet" PHP à un objet javascript "simplement"...

A+

**tanguy.L** · 20/11/2009, 14h59

c'est effectivement ce que j'obtiens...
j'avais pas compris ce que Bovino voulait dire...

Désolé.

Je vais travailler la dessus et je vous tiens au courant
Merci

**tanguy.L** · 20/11/2009, 16h33

j'ai réussit à obtenir cela dans mon code html

Code :

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

onclick="addinput(jour_semaine_mois)"

Je pensais que c'était tout bon, car du coup je fais :

Code :

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

1
2
3
 
function addinput(listeAvec_){
var eltsListe = listeAvec_.split('_');

Mais ça ne marche pas une idée?

**Bovino** · 20/11/2009, 16h54

Il te manque des quotes, voici ce que tu devrais obtenir :

Code :

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

onclick="addinput('jour_semaine_mois')"

**tanguy.L** · 20/11/2009, 20h18

effectivement ça marche mieux comme ça

Mais j'ai encore un problème...
Tous les mots de mon array se mettent à la suite dans la même option...
Donc au lieu d'avoir trois options, j'en ai 1.

Voici le bout de code correspondant.
C'est promis ensuite je vous laisse tranquille!!
En tout cas un grand merci pour toute votre aide!!

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
 
 
//Tableau contenant les options de la liste
var elOption = new Array();
for(i=0 ; i<eltsListe.length ; i++){
	var option = eltsListe[i];
	elOption.push(new Option(option, option, false, false));
}
 
//Appel des objets formulaire et bouton
var elForm = document.getElementById("form1");
var objBouton = document.getElementById("valider");
 
elForm.insertBefore(elInput[0], objBouton);	//1er INPUT
 
elForm.insertBefore(elSelect, objBouton);	//Ajout du select
 
//Ajout dans le select des options (1)
for (i=0;i<elOption.length;i++)			
{
    elSelect.options.add(elOption[i]);
}

**SpaceFrog** · 20/11/2009, 20h23

la reponse a été donnée plus haut ...

Code :

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

  elSelect.options[  elSelect.options.length]=elOption[i];

**tanguy.L** · 20/11/2009, 20h54

Merci!!!!

Mes questions n'étaient pas ouf, mais j'étais complétement dans les choux, donc votre aide était super!!

convertir un élément d'un array en string

JavaScript

Discussions similaires

Partager

Partager