L'obtention de la valeur sélectionnée de la liste déroulante dans un formulaire html, sans soumettre

Votre question montre une incompréhension sur la façon les applications web travail.

L'utilisateur doit saisir une adresse dans un navigateur pour se rendre à l'application. Qui envoie une requête au serveur. Le code du serveur (écrit en python) reçoit cette demande et a la possibilité d'envoyer une réponse. La réponse est un document écrit dans HTML. Certaines parties de ce document peut être dynamique, c'est à dire générées par le code python. D'autres parties de ce document ne peut être statique. Le navigateur affiche le document sur la fenêtre de l'utilisateur.

Après cela, le seul moyen de votre code python peut savoir à propos de quelque chose qui se passe sur la fenêtre du navigateur, ou à exécuter n'importe quel partie du code python, est de rendre le navigateur envoyer une autre demande.

Qui peuvent se produire dans de nombreuses situations, les plus courants étant:

• Utilisateur clique sur un lien à l'autre
  url, faire envoyer un autre navigateur
  demande de cette nouvelle url.
• Utilisateur clique sur submit bouton
  navigateur soumettre le formulaire de demande
  à l'adresse configurée dans le
  formulaire de action attribut.
• Un peu de code dans la page, généralement écrits en ECMAscript (aussi connu comme javascript), fait une demande en vertu de la hotte.

Le dernier est ce que vous voulez. Vous devez écrire dans javascript un peu de code pour rendre le navigateur d'envoyer l'information choisie dans la liste déroulante pour le serveur. De cette façon, votre code python sur le serveur peut faire quelque chose à ce sujet.

La manière la plus simple de le faire est par la mise à onchange événement de la liste déroulante, faire un submit:

<select name='myfield' onchange='this.form.submit()'>
<option .... >
...
</select>
</form>

De cette façon, lorsque l'utilisateur modifie la valeur de la liste déroulante, le formulaire sera soumis, comme si l'utilisateur a cliqué sur "soumettre". Le code Python sur le serveur s'exécute. Le navigateur va charger la réponse.

Une autre façon serait d'utiliser du javascript XmlHTTPRequest API DOM pour envoyer la requête. De cette façon, vous pouvez recevoir la valeur en python et envoyer une réponse, qui sera reçue par le code javascript dans le navigateur. Ce code peut changer des parties de la page en fonction de la réponse, sans changer la totalité de la page. Cette technique est appelée AJAX.

Si vous prévoyez d'écrire beaucoup de code javascript, je suggère fortement à l'aide d'une bibliothèque javascript au moins de soulager la douleur de composer avec de nombreuses versions de navigateur. jQuery est ma bibliothèque de son choix.

En d'autres termes, le code écrit en javascript s'exécutant dans le navigateur parle le code écrit en python s'exécutant sur le serveur.

Si vous avez besoin d'envoyer la valeur sélectionnée à votre serveur sans l'envoi, je pense que les meilleurs (si pas le seul), l'approche serait d'utiliser ajax.

Si vous utilisez jQuery, jetez un oeil à c'est ajax choses. et c'est Les événements de modèle. Vous devez d'abord fixer la liste déroulante de l'événement à la fonction que vous souhaitez exécuter. Ainsi, lorsque l'utilisateur modifie la liste déroulante, puis le navigateur ouvre une nouvelle connexion en coulisses. Alors la, vous pouvez obtenir la valeur et de l'enregistrer sur le serveur. Serait qqch. comme ceci:

$(document).ready( 

    $("#select_id").change(function() {
        $(this).getJSON("/method", {"selectValue":$(this).val()}, function() {
                   alert("value received!");
              });
    });

);

Espère que cela aide!