begin process at 2012 05 29 02:43:31
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript et le navigateur

 > 

Autre

 > 

Alimenter une zone texte à partir d'une zone déroulante


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Alimenter une zone texte à partir d'une zone déroulante

samedi 3 janvier 2009 à 15:22:13 | Alimenter une zone texte à partir d'une zone déroulante

ecolom

Bonjour à tous et surtout, BONNE ANNEE
Après de nombreux essais je me résigne à faire appel à l'équipe du net.
En fait, j'essaie d'alimenter une zone de texte par l'intermédiaire d'une liste déroulante elle même alimentée par un select en sql.
J'ai pu récupérer la fonction js via les tutoriaux qui normalement permet la mise à jour de la zone texte.
<SCRIPT>
 <select name="nomprenom" onchange="this.form.elements['email'].value=this.options[this.selectedIndex].value">
</SCRIPT>

Voici mon formulaire de test:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Test</title>
</head>
<!-- Fond d ecran-->
<body background="52.jpg" style="background-attachment: fixed">
   <div align="center">
 <table border="0" cellpadding="0" cellspacing="0" width="800" height="600">
  <!-- MSTableType="layout" -->
  <tr>
   <td valign="top" height="600" width="800">
<form action ="ticket_enregistre.php" enctype="multipart/form-data" method="post">
<!-- Liste deroulante nomprenom -->
<select name="nomprenom">
  <?php
     include("users.inc.php");
       $liendb = mysql_connect($host,$user,$pws);
       mysql_select_db ($database);    
       $SQL = "SELECT nomprenom, email FROM users order by nom";
       $res = mysql_query($SQL);
     while($val=mysql_fetch_array($res))
 {
     echo "<option>".$val["nomprenom"]."</option>\n";
    }
  ?>
</select> 
<!-- Zone texte email-->
 <input type="text" name="email" size="10"> 
<!-- Fichier attache -->
 <input type="file" name="fichierannexe">

<!-- Bouton Envoyer vers DB SQL Ticket --> 
 <div style="position: absolute; top: 485px; left: 510px; width: 88px; height: 26px; z-index:1">
  <input type="submit" value="Envoyer">
 </div>
<!-- Bouton clear Gauche -->
 <div style="position: absolute; top: 485px; left: 414px; width: 62px; height: 26px">
  &nbsp;<input type="reset" name="reset" value="Clear">
 </div>
</form>
</body>
</html>

Pouvez-vous me guider et me dire ou je dois placer ce bout de code car j'ai essayé plusieurs endroits mais sans résultats.
Entre les head, après ma zone texte, etc.....

Pouvez-vous aussi me confirmer que ce bout de code est suffisant pour la mise à jour de ma zone texte ?

Merci pour vos indications et aide, j'en ai bien besoin du fait que je suis débutant dans le domaine.
A bientôt

samedi 3 janvier 2009 à 15:33:25 | Re : Alimenter une zone texte à partir d'une zone déroulante

Bul3

Membre Club
bonjour,

tu nous mets du php, c'est bien, mais comme on n'a pas ta
    base de données... on devine comment ce que ça génère ?
    il faut poster la page html résultante ! pas le php !
et... où doit-on mettre le text sélectionné ?
j'ai supposé dans email, mais je doute...

    <select name="nomprenom"
               onchange="document.getElementById('email').value=this.options[this.selectedIndex].text;">

et attention, comme le select n'a pas de size, la 1ère option est sélectionnée
par défaut, donc pour afficher, il faudra d'abord cliquer sur une autre option

encore une question ? ça va servir à quoi, à part afficher ?

Cordialement

          [mon Site] [M'écrire] Bul         

samedi 3 janvier 2009 à 16:35:08 | Re : Alimenter une zone texte à partir d'une zone déroulante

ecolom

Bonjour Bul3,

Cette page est un extrait de mon formulaire qui se prénomme index.php ce qui permet d'exécuter ma page automatiquement via xamp. Il n'y a donc pas toutes les zones et pas de page résultante puisque je désire maintenir la même page.
En fait j'ai créé un formulaire d'encodage d'intervention avec fichier attaché.
Le principe est qu'un utilisateur, via un lien intranet, encode une série d'informations nécessaires à l'organisation de nos interventions.
Cette page fonctionne très bien si j'associe des selects à chaques zones déroulantes. ( Ce n'est que du php ) Mais je trouve idiot d'obliger la personne à sélectionner son nom, email,tél,service,etc alors que j'ai toutes ces infos dans la DB SQL.
DB : USERS
Tables : Users
Champs : nom,prenom,tél,email,etc...
J'ai déjà lu quelques une de vos réponses sur ce forum suite à des questions identiques. Vous avez aussi souvent placé des liens exemples mais malheureusement, bcp de liens ne sont plus actifs. Je suis trop novice que pour comprendre correctement les réponses et surtout les appliquer dans ma page.  Je sais juste que je dois utiliser du JS pour effectuer une maj de zone dans la même page. onchange...
Ce qu'il fait que j'ai pris un extrait de mon script et un extrait trouvé dans un forum en JS afin d'être dans les meilleures conditions possibles pour comprendre.
Pour cet exemple de code, j'ai  la zone déroulante "NOM" avec un select dans la db "Users" . Jusque là, c'est ok, elle est alimentée. En second plan, j'ai ajouté une zone texte " EMAIL " qui doit être alimentée suite à la selection de la zone déroulante "NOM".
En final, le Submit fait appel à une page php qui va effectuer un Insert dans ma Db.
Page que je n'ai pas copier ici car mon problème se situe sur mon formulaire index.php.
Pour répondre à la dernière question, après affichage de mes zones, j'effectue un insert dans une DB qui me donnera des résultats à traiter.

Si vous avez une idée pour m'aider.....
Bien à vous
samedi 3 janvier 2009 à 16:57:41 | Re : Alimenter une zone texte à partir d'une zone déroulante

Bul3

Membre Club
le principe est là :
  onchange="où afficher=this.options[this.selectedIndex].value ou .text"

>>...me donnera des résultats à traiter.
bah, dans ce cas si c'est pour transmettre vers le php,
c'est inutile. le value de l'option sélectionnée est transmis au php
si ce select a un name

<select name="toto"....
   <option value="aaa">un
   <option value="bbb">deux...
et le php traitera $_POST['toto'] qui sera = "aaa" si c'est la 1ère option qui est sélectionnée.


          [mon Site] [M'écrire] Bul         



Cette discussion est classée dans : texte, mysql, déroulante, zone, alimenter


Répondre à ce message

Sujets en rapport avec ce message

Liste déroulante et zone de texte [ par tampigns ] Bonjour,Je souhaiterais pouvoir controler une liste déroulante par une zone de texte ou pouvoir utiliser la liste seule.J'explique :Je voudrais par ex zone de texte (input text) lié à une liste déroulante [ par miss07 ] Bonjour à tous, Voila je vous explique mon problème !J'ai une liste déroulante qui contient des titres de séquences vidéos et ce que je veux faire c'e liste déroulante liée à une zone de texte [ par Gagou_c ] Bonjour,j'ai une page php ki contient une liste déroulante, et une zone de texte.Je veux , lorsque ke je choisis une valeur dans la liste déroulante ( Liste déroulante liée à une zone de texte [ par Gagou_c ] Bonjour, Jai une liste déroulante et une zone de texte,je voudrais ke lorsque la valeur de la liste est changée, afficher la valeur de la liste dans l [Javascript]Modifier une zone de texte dans un formulaire [ par Nano84 ] Bonjour, Voilà, j'ai un petit soucis... en fait je dois faire en sorte qu'en cliquant sur un bouton du formulaire, cela modifie le texte d'une zone taille zone de texte [ par jackrichard ] Bonjour a tousVoila j'ai une zone de texte dont je voudrais limiter le nombre de caractère si quelqu'un pourrait me dire comment faire avec un petit c cherche script "clic" bouton et affiche txt ou img dans une zone de texte [ par tiago206 ] Bonjour, à tous! je suis débutant en javascript et pour mon portfolio dans la partie création j'ai créer des petites cases qui correspondent chacune à Problème zone texte et lien [ par willstar ] Hello, je me demandais si c'était possible d'avoir une zone de texte sans un formulaire et que via un lien normal href, est-il possible d'envoyer la v onChange et Liste Déroulante [ par sebalex ] Salut à tous,Je sais qu'il existe certainement une réponse à ma question dans le forum. Mais là, je suis pris par le temps.J'ai une liste déroulante ( Liste déroulante + champ texte [ par b_medamine ] Peut être c'est une question toute bête, mais vraiment je n'ai pas trouvé la solution facile en javascript. J'ai une liste déroulante et un champ tex


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 5,023 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales