Récupérer la valeur et le texte d'un select dans un input sur OnChange

Bonjour à tous et bonne année 2020

Je viens sur ce forum car je n'arrive pas a créer une action en JS (Nota je n'y connait rien en JS), j'ai jusqu'alors réussi à compiler un petit truc en m'inspirant des forums.

J'expose mon problème

sur ma page php, j'ai un select "mois" et deux inputs "date_protocole" et "mois_protocole"

voici mon select

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

<select name="mois" id="mois"onChange="javascript:document.getElementById('date_protocole').value = document.getElementById('mois').value"> <option value="00">00</option> <option value="01">janvier</option> <option value="02">fevrier</option> <option value="03">mars</option> <option value="04">avril</option> <option value="05">mai</option> <option value="06">juin</option> <option value="07">juillet</option> <option value="08">aout</option> <option value="09">septembre</option> <option value="10">octobre</option> <option value="11">novembre</option> <option value="12">decembre</option> </select>

---

lorsque je sélectionne un enregistrement dans le select, dans le input "date_protocole" je récupère bien la valeur du select que j'ai choisi exemple 01 pour janvier, 02 pour fevrier etc...

j'aimerai dans mon second input "mois_protocole" récupérer cette fois le texte sélectionné dans le select exemple : janvier pour janvier, fevrier pour fevrier etc...

ici je ne sais pas comment faire.

Pouvez vous m'aider??

Cordialement bonne journée à tous

Bonjour,

Code:

---

<select name="mois" id="mois" onchange="document.getElementById('date_protocole').value=this.value; document.getElementById('mois_protocole').value=this.options[this.selectedIndex].textContent;">

---

Ou (en séparant partiellement HTML et JS) :

Code:

---

1 2 3 4 5 6 7 8 9 10

<select name="mois" id="mois" onchange="change_date_mois(this);"> .... </select> <script> function change_date_mois(elt) {   document.getElementById('date_protocole').value = elt.value;   document.getElementById('mois_protocole').value = elt.options[elt.selectedIndex].textContent; } </script>

---

ou encore (en séparant totalement HTML et JS) :

Code:

---

1 2 3 4 5 6 7 8 9

<select name="mois" id="mois"> .... </select> <script> document.getElementById('mois').addEventListener('change',function(){   document.getElementById('date_protocole').value = this.value;   document.getElementById('mois_protocole').value = this.options[this.selectedIndex].textContent; }); </script>

---

Tout simplement Génial

Merci beaucoup, j'ai pris le codage html

Merci Merci et bonne année