Trouver une solution js/php [Résolu]

Natsuko · 17/01/2012, 16h01

Bonjour,

je suis en train de coder un formulaire et j'ai besoin de récupérer les valeurs de plusieurs select sans réactualiser la page afin de remplir les select suivants (celui du mois rempli celui du jour, celui du jour rempli celui de l'heure).

Voici le code :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<?php
try
{
	$bdd = new PDO('mysql:host=localhost;dbname=test', 'root', '');
}
catch(Exception $e)
{
	die('Erreur : '.$e->getMessage());
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="fr-fr" dir="ltr" xml:lang="fr-fr" xmlns="http://www.w3.org/1999/xhtml" slick-uniqueid="1">
<head>
<script type="text/javascript" src="jquery-1.6.4.min.js"></script>
<script type='text/javascript'>
$(document).ready(function(){
	$('#mois').change(function()
	{
	thisid = $(this).attr('value')
	alert(thisid);
	});
});
</script>
</head>
<body>
<form action="#" method="post">
<label>Nom : </label><input type="text" name="nom"><br />
<label>Adresse de courriel : </label><input type="text" name="courriel"><br />
<label>Identifiant : </label><input type="text" name="identifiant"><br />
<label>Mot de passe : </label><input type="password" name="mdp1"><br />
<label>Vérification du mot de passe : </label><input type="password" name="mdp2"><br />
<label>Mois : </label><select name="mois" id="mois">
<option value="">S&eacute;lectionnez...</option>
<option value="01">Janvier</option>
<option value="02">Février</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">Août</option>
<option value="09">Septembre</option>
<option value="10">Octobre</option>
<option value="11">Novembre</option>
<option value="12">Décembre</option>
</select><br /><br />
<label>Jour : </label><select name="jour" id="jour">
<option value="">S&eacute;lectionnez...</option>
<option value=""></option>
</select><br /><br />
<label>Heure : </label><select name="heure" id="heure">
<option value="">S&eacute;lectionnez...</option>
<option value=""></option><br />
<input type="submit" name="valider" value="Valider"><input type="reset" value="Effacer">
</form>
</body>
</html>

Pour le moment je fais des test sur phpmyadmin de wamp donc ne faites pas attention à la sécurité de la page...

Et donc je vois bien mon thisid qui aparaît avec le alert mais je ne sais pas comment le transformer pour pouvoir faire une requête SELECT avec un "WHERE dateh LIKE "%-".thisid."-%";"

Merci d'avance

SpaceFrog · 17/01/2012, 16h04

en js :
http://siddh.developpez.com/articles/ajax/

avec jQuery :
$.ajax() ou get ou post ou load ...

Bovino · 17/01/2012, 16h45

Code :

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

thisid = $(this).attr('value')

Code :

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

thisid = $(this).val()

SpaceFrog · 17/01/2012, 16h54

Si il y a une différence, elle est subtile Beef et m'échappe

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<script type='text/javascript'>
$(function(){
 $('#foo').click( function(){
 alert ($(this).attr('value') + "=>" +$(this).val() )
 })
 
})
</script>
</head>
<body>
<input type="text" value="default" id="foo" />
</body>
</html>

Natsuko · 17/01/2012, 17h20

Je pense pouvoir m'en sortir avec la première réponse de SpaceFrog. Merci !

Je valide.

Bovino · 17/01/2012, 17h30

Citation:

Envoyé par SpaceFrog

Si il y a une différence, elle est subtile Beef et m'échappe

Oui... une vieille lubie indécrottable qui me persuade que attr('value') recherche la valeur de l'attribut value, qui dans le cas d'un select, n'existe pas alors que val() recherche la valeur de la propriété value. Mais effectivement, les deux notations fonctionnent correctement

danielhagnoul · 17/01/2012, 18h14

Citation:

Envoyé par Bovino

Oui... une vieille lubie indécrottable qui me persuade que attr('value') recherche la valeur de l'attribut value, qui dans le cas d'un select, n'existe pas alors que val() recherche la valeur de la propriété value. Mais effectivement, les deux notations fonctionnent correctement

En jQuery, on doit utiliser val() car il traite les lubies des navigateurs obsolètes.

SpaceFrog · 18/01/2012, 09h24

En particulier je pense au niveau des textareas, j'ai déja rencontré des bizarreries entre le value et le innerHTML de ces balises selon les navigateurs ...

17/01/2012, 16h04	#2
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 071 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 071 Points : 45 202 Points : 45 202	en js : http://siddh.developpez.com/articles/ajax/ avec jQuery : $.ajax() ou get ou post ou load ... __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	10

17/01/2012, 16h45	#3
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 808 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 808 Points : 35 789 Points : 35 789	Code : Sélectionner tout - Visualiser dans une fenêtre à part thisid = $(this).attr('value') Code : Sélectionner tout - Visualiser dans une fenêtre à part thisid = $(this).val() __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

17/01/2012, 17h20	#5
Natsuko Invité de passage Étudiant Inscription : juin 2011 Messages : 13 Détails du profil Informations personnelles : Sexe : Localisation : France Informations professionnelles : Activité : Étudiant Informations forums : Inscription : juin 2011 Messages : 13 Points : 4 Points : 4	Je pense pouvoir m'en sortir avec la première réponse de SpaceFrog. Merci ! Je valide.
	00

18/01/2012, 09h24	#8
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 071 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 071 Points : 45 202 Points : 45 202	En particulier je pense au niveau des textareas, j'ai déja rencontré des bizarreries entre le value et le innerHTML de ces balises selon les navigateurs ... __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email