Afficher plusieurs valeurs avec <select>

Résolu/Fermé

smoky184 Messages postés 121 Date d'inscription mardi 28 juillet 2009 Statut Membre Dernière intervention 22 janvier 2014 - 19 sept. 2010 à 03:05
smoky184 Messages postés 121 Date d'inscription mardi 28 juillet 2009 Statut Membre Dernière intervention 22 janvier 2014 - 19 sept. 2010 à 16:15

Bonjour à tous,

j'ai un problème non résolu après plusieurs jours de recherche. j'aimerais si possible changer le contenu de deux boites texte avec un seul menu déroulant. je m'explique :

menu déroulant ==> boite texte 1 ==> boite texte 2
choix 1 ==> 15 ==> 18
choix 2 ==> 15 ==> 31

Etc...

j'ai pour le moment réussis grâce à du javascript à changer la première boite texte mais je ne sais pas comment changer en même temps la deuxième avec le même menu déroulant

je vous laisse mon premier bout de code :

<html>
<head>

<script language="javascript">
function aff_val(){
document.formulaire.valeur1.value
= document.formulaire.choix.value;
}
</script>

</head>
<body>
<form name="formulaire">
<select name="choix" onclick="aff_val();">
<option value="15" selected> 0</option>
<option value="15"> 1</option>
<option value="15"> 2</option>
<option value="15"> 3</option>
<option value="15"> 4</option>
<option value="16"> 5</option>
<option value="16"> 6</option>
<option value="16"> 7</option>
<option value="16"> 8</option>
<option value="17"> 9</option>
<option value="17"> 10</option>
<option value="17"> 11</option>
<option value="17"> 12</option>
<option value="18"> 13</option>
<option value="18"> 14</option>
<option value="18"> 15</option>
<option value="19"> 16</option>
<option value="19"> 17</option>
<option value="19"> 18</option>
<option value="19"> 19</option>
<option value="20"> 20</option>
</select>
&nbsp;
<input type=text name="valeur1" value="">
&nbsp;
<input type=text name="valeur2" value="">
</form>
</body>
</html>

la première boite texte s'affiche bien mais je ne sais pas comment appeler les autres valeurs dans la deuxième boite texte. faut il que je mette mes autres valeurs dans un fichier et que je les rappel ? le php est il inévitable ? j'aimerais faire au plus simple car j'ai 24 autre menu déroulant de la même sorte.

merci de votre aide à tous j'attends vos réponses avec impatience

A voir également:

6 réponses

Réponse 1 / 6

Dj Nam Messages postés 327 Date d'inscription mardi 9 octobre 2007 Statut Membre Dernière intervention 31 janvier 2014 41
19 sept. 2010 à 11:18

Bonjour,

En javascript tu as la fonction Split()
ainsi tu peux envoyer dans value les deux valeurs séparées par un tiret puis faire ceci :

<script language="javascript">
function aff_val(){
valeurs = document.formulaire.choix.value.split('-').

document.formulaire.valeur1.value = valeurs[0];
document.formulaire.valeur2.value = valeurs[1];
}
</script>

Réponse 2 / 6

Dj Nam Messages postés 327 Date d'inscription mardi 9 octobre 2007 Statut Membre Dernière intervention 31 janvier 2014 41
19 sept. 2010 à 03:07

Bonsoir,

Il suffit de rajouter une ligne dans le code javascript, comme ceci par exemple :

<script language="javascript">
function aff_val(){
document.formulaire.valeur1.value = document.formulaire.choix.value;
document.formulaire.valeur2.value = document.formulaire.choix.value;
}
</script>

Réponse 3 / 6

smoky184 Messages postés 121 Date d'inscription mardi 28 juillet 2009 Statut Membre Dernière intervention 22 janvier 2014 9
19 sept. 2010 à 03:34

ben nan sinon ca aurait été trop simple ^^ la valeur affiché dans la deuxième boite texte n'est pas la même que dans la première.

genre au premier choix j'ai 15 dans la première boite texte et 18 dans la deuxième

Réponse 4 / 6

Dj Nam Messages postés 327 Date d'inscription mardi 9 octobre 2007 Statut Membre Dernière intervention 31 janvier 2014 41
19 sept. 2010 à 03:40

Après tout dépend de quoi dépendent les valeurs.
Parce que par exemple pour avoir 15 et 18 tu peux mettre ca :

<script language="javascript">
function aff_val(){
document.formulaire.valeur1.value = document.formulaire.choix.value;
document.formulaire.valeur2.value = document.formulaire.choix.value+3;
}
</script>

Mais est-ce que ce sera la même logique partout ?
Sinon, dans la value ton select il faut mettre par exemple
<option value="15-18">Option</option>
et récupérer les deux valeurs séparément.

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 6

smoky184 Messages postés 121 Date d'inscription mardi 28 juillet 2009 Statut Membre Dernière intervention 22 janvier 2014 9
19 sept. 2010 à 03:45

non effectivement ca ne sera pas la même logique partout j'y avais déjà pensé mais ca ne ferais que me compliquer la tache.

ta deuxième solution me parait pas mal mais après comment je fait pour différencier les deux valeurs ? pour en afficher une d'un coté l'autre de l'autre ?

P.S. merci de tes réponses super rapides

Réponse 6 / 6

smoky184 Messages postés 121 Date d'inscription mardi 28 juillet 2009 Statut Membre Dernière intervention 22 janvier 2014 9
19 sept. 2010 à 16:15

re bonjour Maxime.

je viens d'essayer le split() franchement merci de ton aide c'est cool.
tu as fait deux erreurs mais vu l'heure à laquelle tu m'as aidé c'est compréhensible et je les ais très vite corrigé tant ton explication était claire.
je les ai corrigé pour ma page

<script language="javascript">
function aff_val(){
valeur = document.formulaire.choix.value.split('-');

document.formulaire.valeur1.value = valeur[0];
document.formulaire.valeur2.value = valeur[1];
}
</script>

et il n'y a pas de S à "valeur"

Sinon tout marche impeccable grâce à toi.

Discussions similaires

"Reboot and Select proper Boot Device"

Aide Please select boot device

Afficher toutes les lignes masquées excel

Cellules en surbrillance selon une TextBox

Fonction SI comprise entre plusieurs valeurs

Discussions similaires

Newsletters