Concaténer deux listes déroulantes dans un champs texte en direct

**arnaudperfect** · 11/12/2007, 00h23

Bonjour,

Je développe un formulaure HTML et je traite les informations reçus avec PHP.

Je cherche a avoir une liste déroulante pour selectionner des HEURES et une autre pour sélectionner des MINUTES. Pour le moment ça, je sais faire.

Une fois ces informations selectionné, il faudrai que celle ci soit concaténé en direct (sans rechargement de la page) dans un champs texte pour que je puisse par la suite, une fois le formulaire envoyé, récupérer la valeur du champs invisible.

Es ce que c'est possible à réalisé ? si oui, comment faire ?

Merci d'avance de votre aide

**SpaceFrog** · 11/12/2007, 09h14

sur le onsubmit du formulaire, une petite focntion qui va concaténer les deux values de tes selects ...

quel est le but de la manoeuvre, sachant que tu peux le faire coté php ?

**arnaudperfect** · 11/12/2007, 10h11

j'ai réalisé ceci hier soir :

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
<form name="heures">
  <select name="liste" onchange="document.heuresminutes.boiteTexte.value=heures.liste.options[selectedIndex].text;">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
  </select>
</form>
 
<form name="minutes">
  <select name="liste" onchange="document.heuresminutes.boiteTexte.value=minutes.liste.options[selectedIndex].text;">
    <option>:1</option>
    <option>:2</option>
    <option>:3</option>
    <option>:4</option>
  </select>
</form>
 
<form name="heuresminutes">
  <input type="text" name="boiteTexte" value="choix ici" size="20">
</form>

Le seul soucie, je n'arrive pas à avoir les deux valeurs des listes déroulantes dans le champs texte en même temps.

Je veux faire ceci car en faite, je créer une class PHP avec des éléments de formulaire qui me permet soit d'affichier le champs de saisie vide ou rempli qu'il y a des données. Pour pour ce cas je préfère traité qu'un seul champs heure que d'avoir un champ heure + minute...

**SpaceFrog** · 11/12/2007, 10h17

première remarque 3 forms ????
pourquoi donc mettre 3 forms alors qu'un seul peut suffire .

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
<script type='text/javascript'>
function showTime(){
var myhours =(document.forms[0].elements['heures'].selectedIndex>-1)?document.forms[0].elements['heures'].value:"?";
var myminutes =(document.forms[0].elements['minutes'].selectedIndex>-1)?document.forms[0].elements['minutes'].value:"?";
 
document.forms[0].elements['boiteTexte'].value=myhours + " : " + myminutes;
}
 
</script>
 
</head>
 
<body>
<form name="quelleheure">
  <select name="heures" onchange="showTime()">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
  </select>
<br /> 
 
  <select name="minutes" onchange="showTime()">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
  </select>
 <br />
<input type="text" name="boiteTexte" value="choix ici" size="20">
</form>
 
</body>
 
</html>

**arnaudperfect** · 11/12/2007, 11h22

nickel ! c'est se que je voulais.

Merci beaucoup !

**arnaudperfect** · 11/12/2007, 11h36

Je voudrai poussé la chose plus loin...

Nous avons ce 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
<script type='text/javascript'>
function showTime(){
var myhours =(document.forms[0].elements['heures'].selectedIndex>-1)?document.forms[0].elements['heures'].value:"?";
var myminutes =(document.forms[0].elements['minutes'].selectedIndex>-1)?document.forms[0].elements['minutes'].value:"?";
 
document.forms[0].elements['boiteTexte'].value=myhours + " : " + myminutes;
}
 
</script>
 
</head>
 
<body>
<form name="quelleheure">
  <select name="heures" onchange="showTime()">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
  </select>
<br /> 
 
  <select name="minutes" onchange="showTime()">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
  </select>
 <br />
<input type="text" name="boiteTexte" value="choix ici" size="20">
</form>
 
</body>
 
</html>

On sélectionne une heure avec les deux listes déroulantes et cette heure s'inscrit dans le champs texte.

J'aimerai faire avec le même script la chose inverse :

j'ai une heure écris dans le champs texte et automatiquement, les listes déroulantes affiche cette heure.
Bien sur il faut que je puisse modifier l'heure et l'écrire dans le champs texte comme le script précédent.

La j'avoue que c'est un peux prise de tete ! mais je ne vois pas comment faire...

Si vous avez une idée.

Merci d'avance

Concaténer deux listes déroulantes dans un champs texte en direct

JavaScript

Vue hybride

Discussions similaires

Partager

Partager