Afficher la valeur d'une OPTION dans un select avec JAVASCRIPT
alexjava
Messages postés
8
Statut
Membre
-
aomann Messages postés 52 Statut Membre -
aomann Messages postés 52 Statut Membre -
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
- Faites afficher avec un fond coloré les cellules qui contiennent une valeur comprise entre 250 et 350 - Forum Excel
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()" />