Afficher la valeur d'une OPTION dans un select avec JAVASCRIPT

Fermé
alexjava Messages postés 8 Date d'inscription mardi 20 novembre 2012 Statut Membre Dernière intervention 28 novembre 2012 - 28 nov. 2012 à 16:42
aomann Messages postés 51 Date d'inscription lundi 26 novembre 2012 Statut Membre Dernière intervention 4 décembre 2012 - 4 déc. 2012 à 02:56
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.
A voir également:

3 réponses

Nhay Messages postés 838 Date d'inscription vendredi 2 novembre 2012 Statut Membre Dernière intervention 17 décembre 2015 126
28 nov. 2012 à 17:34
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()" />
0
alexjava Messages postés 8 Date d'inscription mardi 20 novembre 2012 Statut Membre Dernière intervention 28 novembre 2012
28 nov. 2012 à 17:58
ok mais comment apparait le résultat, il me faut un bouton pour cliquer dessus et faire apparaitre le résultat non?
0
aomann Messages postés 51 Date d'inscription lundi 26 novembre 2012 Statut Membre Dernière intervention 4 décembre 2012 2
4 déc. 2012 à 02:56
C'est comme tu veux...

Qu'est-ce qui serait le mieux ?

Allez voir: http://alexomann.com/so/f2.php
0