Afficher la valeur d'une OPTION dans un select avec JAVASCRIPT
alexjava
Messages postés
8
Date d'inscription
Statut
Membre
Dernière intervention
-
aomann Messages postés 51 Date d'inscription Statut Membre Dernière intervention -
aomann Messages postés 51 Date d'inscription Statut Membre Dernière intervention -
Bonjour
Etant novice en javascript et après plusieurs tentatives d'utilisation de script, j'aimerais avoir quelques aides sur mon bout de code :
<p><TD>75 vers : </TD>
<TD><SELECT name="75">
<OPTION VALUE="0">non concerné</OPTION>
<OPTION VALUE="56">75</OPTION>
<OPTION VALUE="64">77A</OPTION>
<OPTION VALUE="99">77B</OPTION>
<OPTION VALUE="121">77C</OPTION>
<OPTION VALUE="67">78A</OPTION>
<OPTION VALUE="99">78B</OPTION>
<OPTION VALUE="64">91A</OPTION>
<OPTION VALUE="100">91B</OPTION>
<OPTION VALUE="59">92</OPTION>
<OPTION VALUE="59">93</OPTION>
<OPTION VALUE="55">94</OPTION>
<OPTION VALUE="64">95A</OPTION>
<OPTION VALUE="99">95B</OPTION>
</SELECT></TD></p>
<p><TD>92 vers : </TD>
<TD><SELECT name="92">
<OPTION VALUE="0">non concerné</OPTION>
<OPTION VALUE="56">75</OPTION>
<OPTION VALUE="64">77A</OPTION>
<OPTION VALUE="99">77B</OPTION>
<OPTION VALUE="121">77C</OPTION>
<OPTION VALUE="67">78A</OPTION>
<OPTION VALUE="99">78B</OPTION>
<OPTION VALUE="64">91A</OPTION>
<OPTION VALUE="100">91B</OPTION>
<OPTION VALUE="59">92</OPTION>
<OPTION VALUE="59">93</OPTION>
<OPTION VALUE="55">94</OPTION>
<OPTION VALUE="64">95A</OPTION>
<OPTION VALUE="99">95B</OPTION>
</SELECT></TD></p>
<p><TD>94 vers : </TD>
<TD><SELECT name="94">
<OPTION VALUE="0">non concerné</OPTION>
<OPTION VALUE="56">75</OPTION>
<OPTION VALUE="64">77A</OPTION>
<OPTION VALUE="99">77B</OPTION>
<OPTION VALUE="121">77C</OPTION>
<OPTION VALUE="67">78A</OPTION>
<OPTION VALUE="99">78B</OPTION>
<OPTION VALUE="64">91A</OPTION>
<OPTION VALUE="100">91B</OPTION>
<OPTION VALUE="59">92</OPTION>
<OPTION VALUE="59">93</OPTION>
<OPTION VALUE="55">94</OPTION>
<OPTION VALUE="64">95A</OPTION>
<OPTION VALUE="99">95B</OPTION>
</SELECT></TD></p>
.................
1er : Je souhaiterais que par défaut toutes les valeurs affichées soit sur 0 "non concerné".
2eme : Ensuite je voudrais que la personne sélectionne une OPTION puis clique sur un bouton nommé "votre tarif" et là, apparaisse dans un champ le VALUE de l'OPTION sélectionnée.
Les VALUE sont en €, si ca peut servir.
3eme : ca c'est surtout secondaire, est t'il possible de rajouter un bouton "imprimer" qui imprime un formulaire, exemple :
Trajet du 94 vers 74
Tarif appliqué 56€
ainsi que le titre de ma page : "Livraison de 1 palette".
Désolé ça fait beaucoup de chose, mais je suis vraiment perdu en javascript.......
Merci infiniment à tous ceux qui me répondront et m'aiderons.
Etant novice en javascript et après plusieurs tentatives d'utilisation de script, j'aimerais avoir quelques aides sur mon bout de code :
<p><TD>75 vers : </TD>
<TD><SELECT name="75">
<OPTION VALUE="0">non concerné</OPTION>
<OPTION VALUE="56">75</OPTION>
<OPTION VALUE="64">77A</OPTION>
<OPTION VALUE="99">77B</OPTION>
<OPTION VALUE="121">77C</OPTION>
<OPTION VALUE="67">78A</OPTION>
<OPTION VALUE="99">78B</OPTION>
<OPTION VALUE="64">91A</OPTION>
<OPTION VALUE="100">91B</OPTION>
<OPTION VALUE="59">92</OPTION>
<OPTION VALUE="59">93</OPTION>
<OPTION VALUE="55">94</OPTION>
<OPTION VALUE="64">95A</OPTION>
<OPTION VALUE="99">95B</OPTION>
</SELECT></TD></p>
<p><TD>92 vers : </TD>
<TD><SELECT name="92">
<OPTION VALUE="0">non concerné</OPTION>
<OPTION VALUE="56">75</OPTION>
<OPTION VALUE="64">77A</OPTION>
<OPTION VALUE="99">77B</OPTION>
<OPTION VALUE="121">77C</OPTION>
<OPTION VALUE="67">78A</OPTION>
<OPTION VALUE="99">78B</OPTION>
<OPTION VALUE="64">91A</OPTION>
<OPTION VALUE="100">91B</OPTION>
<OPTION VALUE="59">92</OPTION>
<OPTION VALUE="59">93</OPTION>
<OPTION VALUE="55">94</OPTION>
<OPTION VALUE="64">95A</OPTION>
<OPTION VALUE="99">95B</OPTION>
</SELECT></TD></p>
<p><TD>94 vers : </TD>
<TD><SELECT name="94">
<OPTION VALUE="0">non concerné</OPTION>
<OPTION VALUE="56">75</OPTION>
<OPTION VALUE="64">77A</OPTION>
<OPTION VALUE="99">77B</OPTION>
<OPTION VALUE="121">77C</OPTION>
<OPTION VALUE="67">78A</OPTION>
<OPTION VALUE="99">78B</OPTION>
<OPTION VALUE="64">91A</OPTION>
<OPTION VALUE="100">91B</OPTION>
<OPTION VALUE="59">92</OPTION>
<OPTION VALUE="59">93</OPTION>
<OPTION VALUE="55">94</OPTION>
<OPTION VALUE="64">95A</OPTION>
<OPTION VALUE="99">95B</OPTION>
</SELECT></TD></p>
.................
1er : Je souhaiterais que par défaut toutes les valeurs affichées soit sur 0 "non concerné".
2eme : Ensuite je voudrais que la personne sélectionne une OPTION puis clique sur un bouton nommé "votre tarif" et là, apparaisse dans un champ le VALUE de l'OPTION sélectionnée.
Les VALUE sont en €, si ca peut servir.
3eme : ca c'est surtout secondaire, est t'il possible de rajouter un bouton "imprimer" qui imprime un formulaire, exemple :
Trajet du 94 vers 74
Tarif appliqué 56€
ainsi que le titre de ma page : "Livraison de 1 palette".
Désolé ça fait beaucoup de chose, mais je suis vraiment perdu en javascript.......
Merci infiniment à tous ceux qui me répondront et m'aiderons.
A voir également:
- Afficher la valeur d'une OPTION dans un select avec JAVASCRIPT
- Windows 11 afficher d'autres options - Guide
- Afficher appdata - Guide
- Afficher calendrier outlook dans google agenda - Guide
- Impossible d'afficher le rapport de tableau croisé dynamique sur un rapport existant ✓ - Forum Excel
- Word afficher les commentaires dans la marge - Guide
3 réponses
1)
tu as l'attribut selected='selected' pour ton options afin de choisir celle qui sera présenté par défaut, cependant, sachant que ton non concerné est en premier, même sans sa, il devrait être l'option affiché par défaut
2) pour récupérer la valeur d'une option en JS :
function get_tarif(){
form=document.getElementById('ID_SELECT'); //Remplace ID_SELECT par l'id de la bonne liste
alert(form.options[form.selectedIndex].value);
}
Il faudra donc rajouter un id à chaque select
3)
un bouton comme ceci te suffirai peut-être :
<input type="button" value="Print" onClick="window.print()" />
tu as l'attribut selected='selected' pour ton options afin de choisir celle qui sera présenté par défaut, cependant, sachant que ton non concerné est en premier, même sans sa, il devrait être l'option affiché par défaut
2) pour récupérer la valeur d'une option en JS :
function get_tarif(){
form=document.getElementById('ID_SELECT'); //Remplace ID_SELECT par l'id de la bonne liste
alert(form.options[form.selectedIndex].value);
}
Il faudra donc rajouter un id à chaque select
3)
un bouton comme ceci te suffirai peut-être :
<input type="button" value="Print" onClick="window.print()" />