Discussion :

[onylink]

Bonjour,

J'aurai aimé dans une liste déroulante avoir la possibilité d'ajout une nouvelle valeur.

Je m'explique :
Dans un formulaire :
Je récupère les valeurs de ma base de donnée, et je les affiche dans une liste déroulante.
Si l'utilisateur ne trouve pas la valeur qu'il cherche, j'aurai voulu qu'il puisse en rajouté une.

Mais je ne trouve pas comment faire.. Soit affiché une fenêtre avec une zone de saisie, soit avoir une zone de saisie qui s'affiche à coté..
Enfin, quelque chose qui marche.

Je suis débutant en javascript et encore débutant est un grand mot.

J'ai tenté de faire ça :

Code :

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

1
2
3
4
5
6
7
8
9
	<script>
	function Choix(form) { 
	i = form.acqui.selectedIndex; 
	} 
	switch (i) { 
	case "saisie" :  function fenetre_prompt() { var reponse = prompt("Nouvelle valeur"); }
	break; } 
 
	</script>

Code :

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

1
2
3
4
5
6
7
8
<select name="acqui" onChange='Choix(this.form)'> >
		<option value="choix">Choix</option>
		<option value="resultat">Tous les résultats</option>
		<option value="donneescell">Données cellulaires</option>
		<option value="biomole">BioMoculaire</option>
		<option value="biochimie">BioChimie</option>
		<option value="saisie">Saisie</option>
		</select>

Ici pour l'exemple je n'ai pas importé les valeurs de la BDD.

C'est surement très maladroit comme méthode, mais j'ai pas tout compris sur le comment ça marche.


Voili voilou..

Merci de votre attention.

Cordialement,
onylink

[SpaceFrog]

une partie de la reponse se trouve là
http://javascript.developpez.com/faq...js#SelectListe

[Bovino]

Code :

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

1
2
3
function Choix(form) { 
	i = form.acqui.selectedIndex; 
}

Ta fonction ne fait qu'attribuer une valeur à une variable (i).
Si tu veux effectuer le switch, il faut le mettre dans la fonction


EDIT : Essaye aussi de trouver des noms de variables un peu moins problématique... Il faut éviter de donner des noms de balise, de propriété et autres à ses variables, ça peut éviter que le navigateur s'embrouille inutilement !

[onylink]

Oki, merci.. Je l'avais vu ce tuto, mais j'y suis pas arrivé.

Là on va s'y mettre à deux, si on a un problème, je posterai notre code.



Bien cordialement,
Onylink

[onylink]

Bonjour,

La nuit n'a pas porté conseil, ni même une aprèm de travail.
Vous n'auriez pas un petit exemple de script qui fait ça.

J'ai essayé de faire apparaitre un pop up avec une zone de saisie selon l'option saisie, mais je ne vois pas pourquoi ça ne marche pas (aucune réaction, pas de pop up, ni rien).

Bon ça m'amènera à un autre problème ensuite de savoir comment je récupère la valeur saisie de la fenêtre, mais chaque chose en son temps.

Merci de votre attention.

Bien cordialement,
Onylink (Master 1 BioInfo)

[onylink]

J'ai trouvé

Code :

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

1
2
3
4
5
6
7
8
<script type="text/javascript">
function griser(liste)
{
if ( liste[liste.selectedIndex].value=="saisie" ){
	prompt("Entrer le nouveau nom");
		}
}
</SCRIPT>

Code :

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

1
2
3
4
5
6
7
8
<select name="form1" onchange="griser(this);"> >
		<option value="choix">Choix</option>
		<option value="resultat">Tous les résultats</option>
		<option value="donneescell">Données cellulaires</option>
		<option value="biomole">BioMoculaire</option>
		<option value="biochimie">BioChimie</option>
		<option value="saisie">saisie</option>
		</select>

Now, j'aimerai récupéré la valeur saisie..

[Bovino]

Code :

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

onchange="griser(this.value);"