Afficher plusieurs valeurs avec <select>
Résolu
smoky184
Messages postés
134
Statut
Membre
-
smoky184 Messages postés 134 Statut Membre -
smoky184 Messages postés 134 Statut Membre -
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 :
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
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>
<input type=text name="valeur1" value="">
<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:
- Afficher plusieurs valeurs avec <select>
- Afficher appdata - Guide
- Afficher taille dossier windows - Guide
- Afficher toutes les lignes masquées excel ✓ - Forum Excel
- Please select boot device - Forum Matériel & Système
- Windows 11 afficher d'autres options - Guide
6 réponses
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>
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>
Bonsoir,
Il suffit de rajouter une ligne dans le code javascript, comme ceci par exemple :
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>
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
genre au premier choix j'ai 15 dans la première boite texte et 18 dans la deuxième
Après tout dépend de quoi dépendent les valeurs.
Parce que par exemple pour avoir 15 et 18 tu peux mettre ca :
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.
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
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
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
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.
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.
