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

**jimmy14** · 03/09/2015, 17h00

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

**NoSmoking** · 03/09/2015, 21h25

Bonjour,

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**SpaceFrog** · 04/09/2015, 08h58

avec les data ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ...

**jimmy14** · 04/09/2015, 09h19

Bonjour,

Merci pour votre retour.

Voici le code de mon select

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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...

**jimmy14** · 04/09/2015, 09h30

Envoyé par SpaceFrog

avec les data ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?

**SpaceFrog** · 04/09/2015, 09h38

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

**jimmy14** · 04/09/2015, 15h39

Merci,

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

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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> ?

**SpaceFrog** · 04/09/2015, 15h49

si JQUERY est chargé au préalable ...

**NoSmoking** · 05/09/2015, 09h49

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.

**jimmy14** · 06/09/2015, 18h50

Ok merci pour vos retours.

Je vais essayer d'optimiser tout cela alors.

bonne continuation

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

JavaScript

Discussions similaires

Partager

Partager