IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Formulaire sans bouton submit


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 497
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 497
    Billets dans le blog
    1
    Par défaut Formulaire sans bouton submit
    Bonjour,

    je fais un formulaire constitué uniquement d'un select (une liste déroulante) et je voudrais ne pas mettre de bouton submit. Autrement dit, que quand l'utilisateur sélectionne une valeur du select, ça déclenche l'action du formulaire. Est-ce possible, et si oui, comment ?

  2. #2
    Invité
    Invité(e)
    Par défaut
    Bonjour,

    JS :

  3. #3
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 497
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 497
    Billets dans le blog
    1
    Par défaut
    Merci pour l'aide. De ce fait, mon code devient :
    Code html+php : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     <form method="post" action="">
        <select name="id">
        <?php
        foreach($var as $idticket) {
        ?>
        <option value="<?=$idticket['id']; ?>" onchange="submit()";><?=$idticket['id']; ?> </option>   
     
        <?php
        }
        ?>
        </select>
        </form>
    Par contre, me vient une nouvelle question : quand, il y avait un champ input de type submit, il était simple de loger l'action dans le même fichier que le formulaire, en affectant à ce champ un id, mais là, vu qu'il n'y a plus ce champ donc plus l'id, comment faire ?

  4. #4
    Membre actif Avatar de abdennour bouaicha
    Homme Profil pro
    Développeur Java
    Inscrit en
    Avril 2009
    Messages
    98
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Maroc

    Informations professionnelles :
    Activité : Développeur Java

    Informations forums :
    Inscription : Avril 2009
    Messages : 98
    Par défaut
    si on ne veux pas le submit c'est mieux travailler avec ajax
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    $(".sel").on("change",function(){
    var tableau={'to_insert':1,'id':$(this).val()};
    	$.ajax({url:'page.php',type:'POST',data:tableau,
    	success:function(x){
            	  console.log(x);
    		  },
    error:function (y) {
    console.log(y); 
     
    }
    });
    });
    et dans la page page.php :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    if(isset($_POST["to_insert"])){
    $id=$_POST["id"];
    ......le reste du codage
    }

  5. #5
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 497
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 497
    Billets dans le blog
    1
    Par défaut
    Merci pour ce conseil, mais pour moi, Ajax, c'est de l'hébreu...

  6. #6
    Invité
    Invité(e)
    Par défaut
    Bonjour Laurent,

    tu ne te rends pas compte quand tu écris n'importe quoi, n'importe comment ?

    1- Le onchange ne se met pas sur la balise <option>...

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <form method="post" action="">
    <select name="id" onchange="submit();">
    ...
    </select>
    </form>

    2- Quant à l'autre question, soit plus précis.
    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    if( isset ($_POST['id']) )
    {
    ...
    Tu voudrais quoi de plus ?

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Validation formulaire sans bouton submit
    Par almoha dans le forum Général JavaScript
    Réponses: 9
    Dernier message: 01/11/2010, 10h49
  2. Envoi formulaire sans bouton submit
    Par Manuxy dans le forum Général Conception Web
    Réponses: 3
    Dernier message: 04/02/2010, 09h11
  3. Validation d'un formulaire sans bouton submit
    Par jobo dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 21/01/2009, 20h40
  4. récuperer des données de formulaire sans bouton submit
    Par bachboucha dans le forum Langage
    Réponses: 1
    Dernier message: 29/10/2008, 15h13
  5. liste,formulaire lecture sans bouton submit
    Par BernardT dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 02/06/2006, 07h43

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo