Discussion :

[ballantine's]

Bonjour,

truc tout simple mais je dois oublier quelque chose
voici ma finction JS

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
 
function nbCalendrier()
{
if(document.getElementById(nb_cal).value==1){document.getElementById(nb).value=1;}
if(document.getElementById(nb_cal).value==2){document.getElementById(nb).value=2;}
if(document.getElementById(nb_cal).value==3){document.getElementById(nb).value=3;}
if(document.getElementById(nb_cal).value==4){document.getElementById(nb).value=4;}
if(document.getElementById(nb_cal).value==5){document.getElementById(nb).value=5;}
if(document.getElementById(nb_cal).value==6){document.getElementById(nb).value=6;}
if(document.getElementById(nb_cal).value==7){document.getElementById(nb).value=7;}
if(document.getElementById(nb_cal).value==8){document.getElementById(nb).value=8;}
if(document.getElementById(nb_cal).value==9){document.getElementById(nb).value=9;}
if(document.getElementById(nb_cal).value==10){document.getElementById(nb).value=10;}
if(document.getElementById(nb_cal).value==11){document.getElementById(nb).value=11;}
if(document.getElementById(nb_cal).value==12){document.getElementById(nb).value=12;}
}

et voici mon select et le champs dans lequel je souhaite récupérer la valeur sélectionnée

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<select name="nb_calendrier" id="nb_cal" class="inputRecherche12pxSelect largeurSelectRecherche" onClick="nbCalendrier()">
					<option selected="selected" value="-1" />
					<?php
                                        $i=1;
                                        for($i;$i<=12;$i++)
                                        {
                                        echo
                                        '<option value="'.$i.'">'.$i.' mois</option>';
                                        }?>
				</select>
				<input type="text" name="rech_cal" id="nb" />

Merci de votre aide

[fabienazerty]

Voici un exemple simple que tu pourrais adapter:

Code :

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

1
2
3
4
5
6
7
<script>
function viewaddselection(){
	var selindex = document.getElementById('selectnum').selectedIndex // Index de l'option sélectionnée
	alert (document.getElementById('selectnum').options[selindex].value + ", " + document.getElementById('selectnum').options[selindex].text); // Affiche la valeur et le texte de l'option sélectionnée
	document.getElementById('champtext').value = document.getElementById('selectnum').options[selindex].value; // La valeur du champtext = la valeur de l'option séléctionnée
}
</script>

Code HTML :

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

1
2
3
4
5
6
7
8
9
<select id='selectnum'>
<option value="1"> Un</option>
<option value="2"> Deux</option>
<option value="3"> Trois</option>
</select>
 
<input type="button" onclick="javascript:viewaddselection()" value='Click me'>
 
<input type="text" id='champtext'>

[ballantine's]

Merci de répondre,

mais le but serais justement de ne pas avoir de bouton...

[ballantine's]

J'ai une appli qui permet de réserver des ressources(salle,vidéo-projecteur,etc) dans mon entreprise.On m'a demandé de faire une fonction de réservation en cascade( sur plusieurs mois, d'où ma liste déroulante sur 12 valeurs). Selon la valeur choisie je souhaite donc afficher de un à 12 petits calendriers.
Mais je voudrais que cela se fasse sans avoir à valider mon formulaire par un bouton.

Cela est-il plus clair?et possible?

[fabienazerty]

Merci de décrire un peu ce que tu souhaites.

Peut-être onchange est-il suffisant?

Code :

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

1
2
3
4
5
6
7
<script>
function viewselection(){
	var selindex = document.getElementById('selectnum').selectedIndex // Index de l'option sélectionnée
	alert (document.getElementById('selectnum').options[selindex].value + ", " + document.getElementById('selectnum').options[selindex].text); // Affiche la valeur et le texte de l'option sélectionnée
	document.getElementById('champtext').value = document.getElementById('selectnum').options[selindex].value; // La valeur du champtext = la valeur de l'option séléctionnée
}
</script>

Code HTML :

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

1
2
3
4
5
6
7
8
<select id='selectnum' onchange='javascript:viewselection()'>
<option value="1"> Un</option>
<option value="2"> Deux</option>
<option value="3"> Trois</option>
</select>
 
 
<input type="text" id='champtext'>

[ballantine's]

J'avais essayé avec onChang et ça ne change rien je pense que cela vient de mon javascript, mais je n'en fais pas depuis longtemps

[ballantine's]

J'ai une appli qui permet de réserver des ressources(salle,vidéo-projecteur,etc) dans mon entreprise.On m'a demandé de faire une fonction de réservation en cascade( sur plusieurs mois, d'où ma liste déroulante sur 12 valeurs). Selon la valeur choisie je souhaite donc afficher de un à 12 petits calendriers.
Mais je voudrais que cela se fasse sans avoir à valider mon formulaire par un bouton.

Cela est-il plus clair?et possible?

[fabienazerty]

voici une correction de ton code (il manquait les quotes autour des ids)

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
<script>
function nbCalendrier()
{
if(document.getElementById('nb_cal').value==1){document.getElementById('nb').value=1;}
if(document.getElementById('nb_cal').value==2){document.getElementById('nb').value=2;}
if(document.getElementById('nb_cal').value==3){document.getElementById('nb').value=3;}
if(document.getElementById('nb_cal').value==4){document.getElementById('nb').value=4;}
if(document.getElementById('nb_cal').value==5){document.getElementById('nb').value=5;}
if(document.getElementById('nb_cal').value==6){document.getElementById('nb').value=6;}
if(document.getElementById('nb_cal').value==7){document.getElementById('nb').value=7;}
if(document.getElementById('nb_cal').value==8){document.getElementById('nb').value=8;}
if(document.getElementById('nb_cal').value==9){document.getElementById('nb').value=9;}
if(document.getElementById('nb_cal').value==10){document.getElementById('nb').value=10;}
if(document.getElementById('nb_cal').value==11){document.getElementById('nb').value=11;}
if(document.getElementById('nb_cal').value==12){document.getElementById('nb').value=12;}
}
 
</script>

Code :

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

1
2
3
4
5
6
7
8
<select name="nb_calendrier" id="nb_cal" class="inputRecherche12pxSelect largeurSelectRecherche" onClick="nbCalendrier()">
					<option selected="selected" value="-1" />
					<option value="1">1 mois</option>
					<option value="2">2 mois</option>
					<option value="3">3 mois</option>
					<option value="4">4 mois</option>
				</select>
				<input type="text" name="rech_cal" id="nb" />

PS: Quand je ne parviens pas à trouver les erreurs de js, j'utilise la console d'erreur de firefox (ctrl + Maj + J)

[ballantine's]

Merci beaucoup àa fonctionne, mias je me doutais que c'était une erreur bête.

Cette commande ctrl + Maj + J me permettra de voir les erreurs de JS c'est ça mais que sous firefox?

[andry.aime]

Bonjour,
C'est plus propre et plus rapide d'utiliser l'instruction switch et case que ces plusieurs if.
De plus dans tous les cas, tu affectes les valeurs testés à l'élément nb.

Code :

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

document.getElementById('nb').value=document.getElementById('nb_cal').value

j'utilise la console d'erreur de firefox (ctrl + Maj + J)

Le mieux c'est d'utiliser Firefox.

[fabienazerty]

Je ne sais pas ce qui existe dans les autres browsers.

J'utilise également sous firefox cet outil: http://chrispederick.com/work/web-developer/

[ballantine's]

Cela ne fonctionne pas totalement comme je voulais...ensuite je veux récupérer la valeur de 'nb' mais je n'y arrive pas du coup mes calendriers ne s'affiche pas. y-a-t-il un autre moyen de faire en Javascript?