Jquery submit
jo
-
-joel Messages postés 7 Statut Membre -
-joel Messages postés 7 Statut Membre -
Bonjour,
Mon code devrait provoquer un submit au click sur la photo et renvoyer vers le fichier php correspondant mais ça ne submite pas.
Pouvez vous me dire où est l'erreur ?
Mon code devrait provoquer un submit au click sur la photo et renvoyer vers le fichier php correspondant mais ça ne submite pas.
Pouvez vous me dire où est l'erreur ?
<html>
<head>
<script src= "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script>
</head>
<style> #photo {width:90px; border-radius:20px 20px; max-height: 90px;} </style>
<script>
$( function() {
$('#photo').click(function() {
var valeur = 'bleu';
$('#categ').val(valeur);
alert ( $('#categ').val() );
$("#form1").submit();
});
});
</script>
<body>
<form id="form1" action="index2.php" onsubmit="alert('OK');">
<input type="hidden" id="categ" value="" />
<input type="submit" id="submit" name="submit" value='OK'/>
</form>
<br> <img id="photo" src="imgs/perruches.jpg" alt="photos"/ >
</body> </html>
Configuration: Windows / Firefox 76.0
6 réponses
Bonjour,
Est-ce que l'alert s'affiche au moins ?
As tu des erreurs dans la console javascript de ton navigateur ?
Ah.. et,
Soit ut places ton javascript et ton css dans les balises head .. soit dans le body.
Pas entre les deux... ( il n'y a rien entre </head> et <body> !! )
D'ailleurs, le mieux, c'est de placer ses codes JS juste avant le </body>
Est-ce que l'alert s'affiche au moins ?
As tu des erreurs dans la console javascript de ton navigateur ?
Ah.. et,
</head>
<style> #photo {width:90px; border-radius:20px 20px; max-height: 90px;} </style>
<script>
$( function() {
$('#photo').click(function() {
var valeur = 'bleu';
$('#categ').val(valeur);
alert ( $('#categ').val() );
$("#form1").submit();
});
});
</script>
<body>
Soit ut places ton javascript et ton css dans les balises head .. soit dans le body.
Pas entre les deux... ( il n'y a rien entre </head> et <body> !! )
D'ailleurs, le mieux, c'est de placer ses codes JS juste avant le </body>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
