Sujet Précédent Sujet Suivant

Jquery submit

Fermé
jo - 16 mai 2020 à 11:54
-joel Messages postés 5 Date d'inscription dimanche 29 octobre 2017 Statut Membre Dernière intervention 3 avril 2021 - 17 mai 2020 à 17:11
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 ? 

<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
A voir également:

6 réponses

Réponse 1 / 6
jordane45 Messages postés 38138 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 avril 2024 4 649
16 mai 2020 à 11:58
Bonjour,

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>
0
Réponse 2 / 6
jo
16 mai 2020 à 12:46
les 2 "alert" s'affichent.
Je ne sais utiliser la console.
0
Réponse 3 / 6
jo
16 mai 2020 à 13:15
en enlevant:
<input type="submit" id="submit" name="submit" value='OK'/>
ça marche !
0
Réponse 4 / 6
jo
16 mai 2020 à 16:01
par contre pour la réception la méthode $_POST ne marche pas
mais avec $_GET c'est ok.
0
jordane45 Messages postés 38138 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 avril 2024 4 649
16 mai 2020 à 17:02
Tù n'as pas indiqué la "method='post' " dans le form
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 6
-joel Messages postés 5 Date d'inscription dimanche 29 octobre 2017 Statut Membre Dernière intervention 3 avril 2021
17 mai 2020 à 16:49
Tu as raison POST ça marche (et c'était illogique que ça ne fonctionne pas), dans mes essais j'ai du me planter.
Merci .
0
Réponse 6 / 6
-joel Messages postés 5 Date d'inscription dimanche 29 octobre 2017 Statut Membre Dernière intervention 3 avril 2021
17 mai 2020 à 17:11
j'oubliais pour le positionnement des "<styles>" et "<script>"
tu as aussi raison.
0

Discussions similaires

onChange="javascript:submit();
inuits44 -
inuits44 -

6 réponses
jquery: refresh element enfant après ajax
snipchain -
snipchain -

2 réponses
jQuery & Regex
ameb2908 -
Whismeril -

3 réponses
Redirection Jquery onclick
Vitaly58 -
Vitaly58 -

4 réponses
Bouton submit invisible?
willybaby -
arthezius -

4 réponses