Renseigner des champs HTML avec variable PHP sur un évenement OnChange

Version imprimable

03/09/2015, 17h00
jimmy14

Renseigner des champs HTML avec variable PHP sur un évenement OnChange

Bonjour à tous,

Je bloque sur un formulaire composé de 3 <SELECT> pour lesquels je souhaiterais lorsque je modifie la valeur, renseigner un champ caché avec l'identifiant de la valeur. :?

Pour être plus clair, j'ai par exemple un tableau composé d'1 id et d'un libellé résultant d'une requête SQL. Afin de rendre l'affichage lisible à l'utilisateur, dans mon select je n'affiche que le libellé, pas l'ID. Du coup, quand je valide mon formulaire, mon tableau $_POST ne contient que le libellé, logique... Le problème c'est que je dois insérer les IDs correspondant à ces valeurs dans une table.

Il y a peut-être d'autres solutions, mais la seule que j'ai trouvé pour l'instant, c'est de renseigner dynamiquement un champ "hidden" lorsque je change la valeur du select, avec l'ID correspondant. j'ai commencé à imaginer la chose, sauf que mon ID est stocké dans une variable PHP et je ne sais pas comment l'exploiter dans du javascript...

Si vous pouviez m'éclairer se serait super !

Merci d'avance
Bonne journée à tous
03/09/2015, 21h25
NoSmoking
Bonjour,

Citation:

Afin de rendre l'affichage lisible à l'utilisateur, dans mon select je n'affiche que le libellé...

il eut été intéressant que tu nous montres le code de ton SELECT.

Rien ne t'empêche de mettre l'ID dans la value des options
Code:

1 2 3 4 5 <select name="chiffre"> <option value="1;un">UN</option> <option value="2;deux">DEUX</option> <option value="3;trois">TROIS</option> </select>
et du coté serveur tu récupères via un $chiffre = explode(";", $_POST["chiffre"]) par exemple.

avec les data ...
Code:

1 2 3 4 5 <select name="chiffre"> <option value="un" data-id="1">UN</option> <option value="deux" data-id="1">DEUX</option> <option value="trois" data-id="3">TROIS</option> </select>
facilement, exploitable avec jquery et transférable dasn un input hidden ou directement en données avec un ajax ...

Bonjour,

Merci pour votre retour.

Voici le code de mon select
Code:

1 2 3 4 5 6 7 8 9 <form id="frm_assocm" method="POST" action="ajout_assocm.php"> Marché à attribuer : <?php echo "<select name='marche'>"; for ($i=0;$i<$m;$i++) { echo "<option value='".$list_marche[$i]['id_marche']."'>".$list_marche[$i]['lib_marche']; } echo "</select><br />";
Le problème c'est que la value de l'option n'est pas envoyée dans le $_POST['marche']

Cette méthode ne peut pas m'aider, à moins d'avoir une erreur quelque part dans mon select mais je ne vois pas...

04/09/2015, 09h30
jimmy14
Citation:
Envoyé par SpaceFrog

avec les data ...

Code:

1 2 3 4 5 <select name="chiffre"> <option value="un" data-id="1">UN</option> <option value="deux" data-id="1">DEUX</option> <option value="trois" data-id="3">TROIS</option> </select>

facilement, exploitable avec jquery et transférable dasn un input hidden ou directement en données avec un ajax ...
Merci pour votre retour

Ok, je vais essayer cette méthode.
La manière à suivre serait donc de rajouter un attribut onchange="affectation_hidden()" dans la balise select, puis dans la fonction js, ajouter un getElementByName('hidden1').value = getElementByID('1').value ?
04/09/2015, 09h38
SpaceFrog

Avec Jquery :
http://fiddle.jshell.net/n4gpL4t0/1

Merci,

Je ne maîtrise pas trop encore le javascript et jquery mais j'y travaille...

Le simple fait de mettre (dans <HEAD>) :
Code:

1 2 3 4 5 6 7 8 9 10 <script type="text/javascript" src="jquery-2.1.4.min.js"> $(function(){ $('[name="marche"]:eq(0)').on('change', function(){ $("#hidden1").val( $(this).find(':selected').data('id')); }) }) </script>
Suffit à appeler la fonction dès que l'on modifie la valeur du <SELECT> ?

04/09/2015, 15h49
SpaceFrog

si JQUERY est chargé au préalable ...
05/09/2015, 09h49
NoSmoking

Sur ce coup je ne suis pas fan d'une solution javascript.

Peut être la structure de tes tables à revoir pour qu'à une ID ne corresponde qu'un et un seul libellé et de ne gérer que l'ID pour tes requêtes.
06/09/2015, 18h50
jimmy14

Ok merci pour vos retours.

Je vais essayer d'optimiser tout cela alors.

bonne continuation